javascript - JQuery プラグインによって 2 つのうち 1 つの入力のみが必要です

Question

JQuery プラグインに必要な 2 つの入力 (テキスト フィールド) があります。

<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>

これら 2 つはJQuery プラグインで必要です

<script type="text/javascript">

jQuery.noConflict();

jQuery(ドキュメント).レディ(関数() {

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!",          
    },      
                                        });
                        }
            );

どのように作成できますか: 1 つの入力のみが必要です。

良い１日を

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!"
               }
           },
       });
   });