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

How to apply validation to duplicate dropdown

本文关键字：下拉列表 应用 验证      更新时间：2023-09-26

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

我的代码是-

<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>

尝试

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

ID必须是唯一的使用类。

阅读两个具有相同id属性的HTML元素：它到底有多糟糕？

使用jQuery验证器

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

首先，不能有重复的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>

请使用class进行多选验证

<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');
    }
});

演示http://jsfiddle.net/kapil_dev/mdBtz/

相关文章：