Question

我的选择框方式如下，我无法改变。

<select name='box2' id='box2'>
    <option value="select"> Select </option>
    <option value='hundread'> hundread </option>
    <option value='two'> two </option>
</select>

现在我要按要求进行验证，保持class =“required”对我没有帮助，因为第一个元素的值为“select”。现在有没有办法让验证不选择基于selectedIndex的第一个元素。

如果您可以通过提供自定义类规则来帮助我，我可以将其直接放在标签上，如

<select name='box2' id='box2' class="required[---some rule to check selectedIndex is not 0---]">

Answer 1

我得到了解决方案，我在下面查看了

<select name='box2' id='box2' class="MustSelectOpt">

<script type="text/javascript">
    $(document).ready(function() {
        $.validator.addMethod("MustSelectOpt", function(value, element) {
        if(element.selectedIndex <= 0) return element.selectedIndex;
                else return value;
    }, " You must select any Option.");

    $("#axis_placement_form").validate();
  });
</script>

并附加一个库以添加自定义方法 jquery.validate.js

Answer 2

为什么不将所选值与“选择”进行比较

$("#box2").val() != "select"

选择Box自定义验证

2 个答案: