Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Adobe Animate CC HTML5 - Validate multiple buttons & textinput boxes with button

Community Beginner ,
Jul 07, 2021 Jul 07, 2021

I am trying to create a question that checks if the user has selected multiple buttons & entered textinput boxes correctly. Checking all these only when user clicks a submit button.

 

Based on this thread I am able to check if multiple buttons have been selected & maintained at a button down state on. It will check if the multiple button are selected, but it moves on automatically if any buttons are selected. How do I define which buttons are correct/wrong and to check only upon clicking on a button?

 

I am able to check if user has made multiple correct textinputs based on this thread.

 

I need help to combine these codes.

Any advice or help would be great! Thank you!

492
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 07, 2021 Jul 07, 2021

Here's the code ref:

// Multiple button selected with state on, checks & moves on automatically if any 3 buttons are selected:
this.count = 0;
this.totalToGo = 3;

this.check = function(e)
{
if (!e.currentTarget.selected)
{
this.count++;
e.currentTarget.selected= true;
e.target.removeAllEventListeners();
}
if (this.count == this.totalToGo)
this.gotoAndStop(5);
};
this.stop();
this.b1.on("click", this.check, this);
this.b2.on("click", this.check, this);
this.b3.on("click", this.check, this);

this.b4.on("click", this.check, this); // how to define this b4 is a wrong option?

 

I am also able to check if user has made multiple correct textinputs.

var root = this;

function validateF(){
if($("#answer1").val()=="123" && $("#answer2").val()=="234"){
// correct
root.gotoAndStop("correctProceed");
} else {
// incorrect
root.gotoAndStop("wrongTryAgain");
}
}
this.start.addEventListener("click", validateF);

 

Need help : To combine these codes to check if the user has clicked multiple buttons correctly & entered multiple textinput boxes correctly. Checking all these only when user clicks a submit button.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 07, 2021 Jul 07, 2021

first check if all buttons have been selected and, if they are, then check all the text inputs 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 08, 2021 Jul 08, 2021

Thank you kglad for your advice! Can you please provide some code reference? I am still having some difficulty getting it to work...

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 10, 2021 Jul 10, 2021
LATEST

Hi kglad, hope you can help me soon. Thank you!

Need help : To combine these codes to check if the user has clicked multiple buttons correctly & entered multiple textinput boxes correctly. Checking all these only when user clicks a submit button.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines