javascript验证选择下拉列表

javascript验证选择下拉列表,javascript,Javascript,我有一个带有javascript验证的表单。有3个下拉选择字段和3个输入字段和答案 是否有任何方法来验证所选字段,以便它们不会有相同的问题 这是我的密码 <script type="text/javascript"> var errmsg; function validate() { var textA= document.getElementById("text1"); var textB= document.getElementById("text2"); var textC =

我有一个带有javascript验证的表单。有3个下拉选择字段和3个输入字段和答案

是否有任何方法来验证所选字段,以便它们不会有相同的问题

这是我的密码

<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>
然后是html代码


您应该比较每个ddl中的文本, 我添加以下条件:

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

工作fiddel:

更改第一个下拉列表-从其他下拉列表中禁用/删除该特定问题

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

像这样的东西会有用。

为什么不使用简单的jquery表单验证而不是编写这么长的代码..我很久以前就有了这样的问题,如果我替换了它,我必须更改很多页面:好吧,让我试试??你发布你的所有选择字段其他字段都是相同的唯一id和名称是text2和text3这就是为什么我需要验证其他问题不是全部3来回答你小提琴上的相同工作,但不是我的代码。我用正确的id替换了id,但仍然不起作用我再次附加整个代码也许你可以看看