Question

我正在寻找一种基于值数组验证表单的最简单方法（这将是序列号，所以我有一个这样的数组：abc123，xyz456，fghqwe等存储在变量中）

我已经研究了一些jQuery / Bootstrap验证器插件但是无法想出它。

因此，代码将动态检查字段=数组中的任何项目，然后成功

我正在使用wordpress + bootstrap

的问候，克雷格

Answer 1

嗨Craig如果您想根据需要验证输入 Jquery validate提供自定义方法支持。

您可以创建自定义方法，如下所示

$.validator.addMethod("custom_function_name", function(value, element, param){

并从验证方法的规则部分调用它，如下所示

rules : {
    property_name : custom_function_name
}

在您的情况下，您可以使用如下所示的自定义验证功能（示例代码）

HTML：

<form id="testForm">
    <input type="text" name="firstName"/>
    <input type="text" name="lastName"/>
    <input type="submit">
</form>

JQuery：

$("#testForm").validate({
    rules : {
    firstName : {   required : true,
                    presentInList : true
    },
    lastName : {    required : true,
                    presentInList : true
    }
    },

    message : {
    firstName : { required : "Please enter"
    },
    lastName : { required : "Please enter"
    }
    },

     submitHandler: function (form) {
        console.log("Ok");
    }
});


var yourList = ["praksh", "Abhi"]

$.validator.addMethod("presentInList", function(value, element, param){
    if( $.inArray( value, yourList) != -1) {
        return true;
    } else {
        return false;
    }
}, "not in list");

演示：https://jsfiddle.net/Prakash_Thete/cncLa71b/

如何基于值数组验证表单

1 个答案: