Question

我在循环中有下拉框。所以我想申请验证。

我的代码是 -

<select name="travelclasscmb[]" id="travelclasscmb">
<option   value="">select</option>
   <option   value="1">Car</option>
</select>



<select name="travelclasscmb[]" id="travelclasscmb">
<option   value="">select</option>
   <option   value="2">Train</option>
</select>

Answer 1

尝试

$('select ').change(function () {
    if (this.value === '') {
        alert('select a value');
    }
});

<小时/> ID必须是唯一的使用类。

阅读Two HTML elements with same id attribute: How bad is it really?

<小时/> 使用jQuery Validator

$.validator.addMethod('notNone', function (value, element) {
    return (value !== '');
}, 'Please select an option');

Answer 2

首先，您不能拥有重复的ID。改为使用一个类。

对于验证，您可以使用required属性：

<select name="travelclasscmb[]" class="travelclasscmb" required>
<option   value="">select</option>
   <option   value="1">Car</option>
</select>



<select name="travelclasscmb[]" class="travelclasscmb" required>
<option   value="">select</option>
   <option   value="2">Train</option>
</select>

Answer 3

请使用课程进行多项选择验证

<select name="travelclasscmb[]" class="travelclasscmb" required>
<option   value="">select</option>
   <option   value="1">Car</option>
</select>
<select name="travelclasscmb[]" class="travelclasscmb" required>
<option   value="">select</option>
   <option   value="2">Train</option>
</select>
**Jquery:**
$('.travelclasscmb').change(function () {
    if (this.value === '') {
        alert('select a value');
    }
});

demo http://jsfiddle.net/kapil_dev/mdBtz/

如何将验证应用于重复下拉列表

3 个答案: