How to allow input text field to accept more than one "specific" answer.

Question

Hi,

I am working for something and trying to create a type-box-based quiz for one of my classes, where an input text field can change it's border color if 2 or more words from an accepted word list is inputed.

For example, Say a list has possible answers: R,G, B, Y for the question "Name 2 colors".

I want to create an input text box where the border of the box will change color if any 2 letters (in the above list) are entered into it.

I've tried setting up a variable NumberSuccesses and setting it so that the number increases by 1 for each letter entered e.g.

if (Ex.text == "R");

NumSuc = NumSuc +1; // the var NumSuc has already been defined earlier in the code

If (Ex.text ''G")

NumSuc = NumSuc + 1

if (NumSuc == 2)

Ex.borderColor = 0x0000FF

but that didn't work.. and I tried doing it with another function which I use for multiple input boxes like if there were boxes A, B, C. I could set up a general function where if the correct answers were entered into A, B, an C respectively, only then will say, a checkmark show up using a

EnableCheckmark (); type function. Not sure how to do it if it's the same text input box though. Also just tried adding it into the same function re.

If (Ex.text == "R" + "G")

Ex.borderColor = 0x0000FF

.. Does anyone know what else I can do?

moccamaximum · Accepted Answer

The solution of Nishu with Evaluation Logic://These Are the Possible Answersvar solutions:Array = new Array("A","B","C","D");function testInput(_inputText:String):Boolean{ //the delimiter could also be a comma, here it is a space var inputStringArray:Array = _inputText.split(" "); var counter:Number = 0; for (var i:int=0; i<inputStringArray.length; i++) { for (var j:int=0; j<solutions.length; j++) { if (inputStringArray== solutions) { counter++; } } } if (counter >=2) { trace("true"); return true; } else { trace("false"); return false; }}//Textfield with name input_txt on stageinput_txt.addEventListener(TextEvent.TEXT_INPUT, answerTxtInp);// The function that will be called by the event listenerfunction answerTxtInp(txtEvent:TextEvent):void{ // depending on the possible answers of characters, change the border color if(testInput(input_txt.text)){ input_txt.borderColor = 0xFF0000; } else{ input_txt.borderColor = 0x000000; }}

Andrei1-bKoviI · Answer

Actually one can do it in a much more streamlined way. The code below also can handle case sensitivity unlike the code suggested by moccamaximum. You can also toggle case sensitivity depending on your needs:

// number of minimum answers
var minAnswers:int = 2;
var solutions:Array = ["blah", "bird", "caR", "Cow"];
// create regular exprression out of the array of solutions
var solutionsRE:RegExp = new RegExp("\\b(" + solutions.join("|") + ")\\b", "gi");
input_txt.addEventListener(TextEvent.TEXT_INPUT, answerTxtInp);
function answerTxtInp(e:TextEvent):void
{
          // depending on the possible answers of characters, change the border  color
          input_txt.borderColor = answersRE.test(input_txt.text) && input_txt.text.match(answersRE).length >= minAnswers ? 0xFF0000 : 0x000000;
}

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded