javascript - 使用 validator.addMethod 进行 js 验证

Question

我想验证一个下拉框。如果下拉框中的值为空，它应该显示一条验证消息。我处于未从默认选项中删除空值的情况。我有以下下拉列表选项。

' '（默认为空值）

选项1

选项2

选项3

我正在使用正则表达式来传递空值。

http://jsfiddle.net/fY2xm/

 I don't know is that correct passing null value. or any other way.

Answer 1

在给定的情况下，您需要使用必需的验证，因为由于该regexp规则正在测试optional条件，因此它将始终返回 true，因为 null 选项的值为空。

$("#formname").validate({
    debug: true, //prevent submission for testing
    rules: {
        textbox: {
            required: true
        }
    }
});

演示：小提琴

Answer 2

从你的小提琴，你没有传递价值。

<select name='select'> <!--Don't forget to give name-->
        <option value=''></option>
        <option value='1'>Australia</option>
        <option value='2'>England</option>
        <option value='3'>United States</option>
    </select>

然后JS：

$("#formname").validate({
    debug: true, //prevent submission for testing
    rules: {
        'select': {
            required: true ---------------------
        }                                      |
    },                                         |
    messages: {                                |
        'select': {                            |
            required: "Select a country"--------
        }
    }
});

检查这个JSFiddle