javascript - JQuery Plug-in在它们两个中只需要一个输入

Question

我有 JQuery Plug-in 需要的两个输入（文本字段）：

<input type="text" name="first_name" id="first_name" class="valid" />
&nbsp;<label class="error checked" generated="true" for="first_name">&nbsp;</label>
<input type="text" name="second_name" id="second_name" class="valid" />
&nbsp;<label class="error checked" generated="true" for="second_name">&nbsp;</label>

这两个是JQuery 插件所必需的

<script type="text/javascript">

jQuery.noConflict();

jQuery(文档).ready(函数() {

var validator = jQuery("#FormCmj").validate({
    rules: 
    {
        first_name: "required",
        second_name: "required",

    },
    messages: 
    {
        first_name: "Écrivez votre adresse postale s'il vous plait!",
        second_name: "Écrivez le nom de votre ville s'il vous plait!",          
    },      
                                        });
                        }
            );

我该怎么做：其中两个只需要一个输入：如果用户写名字，则不需要第二个名字，或者如果用户写他的第二个名字，则不需要名字。

祝你今天过得愉快

Answer 1

1. 添加此以添加自定义验证方法：

   jQuery.validator.addMethod("eitherOne", function (value, element, param) {
       if (value !== "" || $(param.other).val() !== "") return true;
       return false;
   }
   

2. 并使用它来验证：

   jQuery(document).ready(function () {
   
       var validator = jQuery("#FormCmj").validate({
           rules: {
               first_name: {
                   eitherOne: {
                       other: "#second_name"
                   }
               },
               second_name: {
                   eitherOne: {
                       other: "#first_name"
                   }
               }
           },
           messages: {
               first_name: {
                   eitherOne: "Écrivez votre adresse postale s'il vous plait!"
               },
               second_name: {
                   eitherOne: "Écrivez votre adresse postale s'il vous plait!"
               }
           },
       });
   });