至少需要一个选择框

时间:2016-06-29 09:56:29

标签: html validation html-select

我有两个选择框,其中我想要至少应该需要一个。 如果我们只选择一个选择框,那么它应该是tru。 如果我们选择两个选择框那么它应该是tru。 如果我们不选择任何一个那么它应该是必需的。

这是我的代码



<select name="A[]" >
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<select name="B[]" >
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

HTML:

<select name="A[]" id="test1" >
  <option value="">Select A Vehicle</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<select name="B[]" id="test2" >
  <option value="">Select A Vehicle</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

JAVASCRIPT:

    if($('#test1').val() == "" && $('#test2').val() == "") {
        alert("Atleast select one vehicle");
    }

    $('#test1').on('change', function() {
        if($('#test1').val() == "" && $('#test2').val() == "") {
            alert("Atleast select one vehicle");
        }
    })

    $('#test2').on('change', function() {
        if($('#test1').val() == "" && $('#test2').val() == "") {
            alert("Atleast select one vehicle");
        }
    })

答案 1 :(得分:0)

尝试使用此..示例JS Fiddel

检查页面加载验证

$( document ).ready(function() {
  Validate();
});

和按钮单击

$("#btnSubmit").click(function(){
     Validate();
});