如何使用 Jquery 验证插件添加自定义表单验证以进行多选输入？

Question

我需要使用 Jquery 验证插件创建自定义 jquery 表单验证，其中多选选项具有以下类型的值：

• Code1(A)
• Code2(A)
• Code3(B)
• Code4(C)
• Code5(A)
• Code6(B)
• Code7(C )

<选择 id="code_ids" multiple="multiple" name="codes[code_ids][]"> <选项值=“1”>代码1(A) <选项值=“2”>代码2(A) <选项值=“3”>代码3(B) <选项值=“4”>代码4(C) <选项值=“5”>代码5(A) <选项值=“6”>代码6(B) <选项值=“7”>代码7(C)

自定义验证需要指定选项必须至少包含来自 A 的两个选项、一个来自 B 的选项和两个来自 C 的选项。我想我需要使用 Regex 将所选选项的名称与检查它们是否属于 A、B 或 C。

此外，请指定任何解释使用 Jquery 验证插件创建自定义表单验证的文章或资源。提前致谢。

Answer 1

jquery 中有 addMethod 验证

html

<form id="myform" action="#" method="post" name="myform">
    <select id="code_ids" multiple="multiple" class="meets" name="codes[code_ids][]">
        <option value="1">
            Code1(A)
        </option>
        <option value="2">
            Code2(A)
        </option>
        <option value="3">
            Code3(B)
        </option>
        <option value="4">
            Code4(C)
        </option>
        <option value="5">
            Code5(A)
        </option>
        <option value="6">
            Code6(B)
        </option>
        <option value="7">
            Code7(C)
        </option>
    </select>
    <input id="test" type="submit" value="submit">
</form>

和 jQuery

$.validator.addMethod("meets", function(value,element) {
   var  txt = $('option:selected',element).text();
   var a = txt.match(/\(A\)/g);
   var b = txt.match(/\(B\)/g);
   var c = txt.match(/\(C\)/g);
    if(a && b && c){
            if(a.length >1 && b.length > 0 && c.length > 1 ) {
            return true;
        }else{
            return false;
        }
    }else{
        return false;
    }
}, "you have not selected enough eleemnts from each group");


$("#myform").validate()

以及 工作演示