javascript validate select dropdown

Question

i have a form with javascript validation. there are 3 drop-down(select) fields with questions and 3 input fields with answers.

is there any way to validate the select fields so that they don't have the same question?

here is my code

<script type="text/javascript">
var errmsg;
function validate()
{
var textA= document.getElementById("text1");
var textB= document.getElementById("text2");
var textC = document.getElementById("text3");
var textD = document.getElementById("text4");
var textE = document.getElementById("text5");
var textF = document.getElementById("text6");
var txt1 = document.getElementById("text1").value;
var txt2 = document.getElementById("text2").value;
var txt3 = document.getElementById("text3").value; 
var txt4 = document.getElementById("text4").value;
var txt5 = document.getElementById("text5").value;
var txt6 = document.getElementById("text6").value;
var txt1_len = txt1.length;
var txt2_len = txt2.length;
var txt3_len = txt3.length;
var txt4_len = txt4.length;
var txt5_len = txt5.length;
var txt6_len = txt6.length;

if(txt1_len == '')
{
    errmsg = "Please select a question";
    document.getElementById("ermsg").innerHTML = errmsg;
    textA.focus();
    return false;
}

else if(txt2_len == 0 || txt2_len > 23 || txt2_len < 3)
{
    errmsg = "Invalid Answer";
    document.getElementById("ermsg").innerHTML = errmsg;
    textB.focus();
    return false;
}

else if(txt3_len == '')
{
    errmsg = "Please select a question";
    document.getElementById("ermsg").innerHTML = errmsg;
    textC.focus();
    return false;
}
else if(txt4_len == 0 || txt4_len > 23 || txt4_len < 3)
{
    errmsg = "Invalid Answer";
    document.getElementById("ermsg").innerHTML = errmsg;
    textD.focus();
    return false;
}
else if(txt5_len == '')
{
    errmsg = "Please select a question";
    document.getElementById("ermsg").innerHTML = errmsg;
    textE.focus();
    return false;
}

else if(txt6_len == 0 || txt6_len > 23 || txt6_len < 3)
{
    errmsg = "Invalid Answer";
    document.getElementById("ermsg").innerHTML = errmsg;
    textF.focus();
    return false;
}
else
{
    return true;

}

return false;
}


</script>

and then the html code

https://jsfiddle.net/johnmathew21/ty999fkv/

Why you not using simple jquery form validation instead of writing this lengthy Code.. — Akhilesh Singh
– Akhilesh Singh, Commented Oct 14, 2015 at 11:21
i got this long time ago and i have to change many pages if i replace this:( — johnmathew21
– johnmathew21, Commented Oct 14, 2015 at 11:44
the other ones are the same only id and name are text2 and text3 that's why i need to validate other questions not all 3 to answer the same — johnmathew21
– johnmathew21, Commented Oct 14, 2015 at 11:53

Hasan Daghash · Accepted Answer · 2015-10-14 12:49:50Z

1

you should compare the text inside each ddl , i add the following condition :

 $('#text1 option:selected').text() === $('#text2 option:selected').text()

working fiddel : here

edited Oct 14, 2015 at 12:49

answered Oct 14, 2015 at 12:43

Hasan Daghash

1,6911 gold badge18 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

johnmathew21 Over a year ago

works on your fiddle but not on my code.i replaced the ids with the correct ones but still doesn't work i attach the whole code again maybe you can take a look

Cheezy Code · Accepted Answer · 2015-10-14 12:59:59Z

0

On change of 1st drop down - disable/remove that particular question from other drop downs.

$('#text1').change(function(){
    $('#text2 option[value='+$('#text1').val() +']').attr('disabled',true);
    $('#text3 option[value='+$('#text1').val() +']').attr('disabled',true);
});

something like this will work.

answered Oct 14, 2015 at 12:59

Cheezy Code

1,7151 gold badge14 silver badges18 bronze badges

Collectives™ on Stack Overflow

javascript validate select dropdown

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related