Jquery Validator - 根据接受的值列表检查输入

Pau*_*aul 12 validation jquery

我通常只使用下拉列表执行此操作,但客户端已请求它是文本输入...

基本上,我想使用Jquery验证器检查用户是否在文本输入框中输入了50个有效美国州缩写中的1个.如果没有,他们会收到错误.我似乎找不到这样做的功能.任何帮助是极大的赞赏!

mcg*_*ilm 19

这是一个可以添加用于jquery validate的验证方法

首先声明一个验证器:

jQuery.validator.addMethod("isstate", function(value) {
    var states = [
        "AL", "AK", "AZ", "AR", "CA", "CO", "CT", "DE", "FL", "GA",
        "HI", "ID", "IL", "IN", "IA", "KS", "KY", "LA", "ME", "MD",
        "MA", "MI", "MN", "MS", "MO", "MT", "NE", "NV", "NH", "NJ",
        "NM", "NY", "NC", "ND", "OH", "OK", "OR", "PA", "RI", "SC",
        "SD", "TN", "TX", "UT", "VT", "VA", "WA", "WV", "WI", "WY",
        "AS", "DC", "FM", "GU", "MH", "MP", "PR", "PW", "VI"
    ];
    return $.inArray(value.toUpperCase(), states) != -1;
}, "Data provided is not a valid state");
Run Code Online (Sandbox Code Playgroud)

然后应用验证器

$("#myform").validate()
Run Code Online (Sandbox Code Playgroud)

并在您的表单中,您要将类添加到表单元素以进行检查

<input type="text" value="de" class="isstate" />
Run Code Online (Sandbox Code Playgroud)

这是一个有效的演示