0

メンバーデータの変更という形でjQuery検証を使用しました。フォームには、元のパスワード（passwordOrig）、新しいパスワード（password）、およびパスワードの確認（passwordSecond）の3つのフィールドがあります。ユーザーがそれらすべてを入力するか、まったく入力しないようにしたいのですが。jQueryでそれを行うにはどうすればよいですか？

以下は私が思いついたものです：

$("#accountData").validate({
  rules: {
    passwordOrig: {checkPassword: true},
    password: {validChars: true, noSpace: true, minlength: 5},      
    passwordSecond: {equalTo: "#password"},
    ...
  }
  message: {
    ...
  }

上記でcheckPasswordは、、、、validCharsおよびnoSpaceが追加されたメソッドです。

4

2 に答える 2

2

additional-methods.jsファイルをインクルードし、インクルードされたルールを使用する必要がありますskip_or_fill_minimum。

class関連するinputフィールドに共通を追加します。

<form id="accountData">
    <input type="text" class="pw" name="passwordOrig" />
    <input type="text" class="pw" name="password" id="password" />
    <input type="text" class="pw" name="passwordSecond" />
    ....
</form>

skip_or_fill_minimumルールには、グループ化のフィールド数とclass上記で作成した名前の2つのパラメーターが必要skip_or_fill_minimum: [3,".pw"]です。

$(document).ready(function () {

    $('#accountData').validate({ // initialize the plugin
        rules: {
            passwordOrig: {
                checkPassword: true,
                skip_or_fill_minimum: [3,".pw"]
            },
            password: {
                validChars: true,
                noSpace: true,
                minlength: 5,
                skip_or_fill_minimum: [3,".pw"]
            },
            passwordSecond: {
                equalTo: "#password",
                skip_or_fill_minimum: [3,".pw"]
            }
        },
        groups: {
            justaname: "passwordOrig password passwordSecond"
        }
    });

});

作業デモ： http： //jsfiddle.net/DmTNW/

また、このgroups:オプションを使用して3つのメッセージを1つにグループ化しましたが、必要に応じて削除することもできます。カスタムメソッドを、というファイルnoSpaceにすでに含まれているメソッドに置き換えることもできますが、これもニーズによって異なります。additional-methods.jsnowhitespace

于 2013-02-18T16:01:07.890 に答える
1

特定のセットの最小数のフィールドが入力されているか、空白のままになっていることを確認する必要があります-additional - methods.jsには、 skip_or_fill_minimumと呼ばれるこの要件に対応するメソッドがあります

このルールを使用するには、関心のある入力にクラスを追加します

<input class="mygroup" name="fname" id="fname">
<input class="mygroup" name="sname" id="sname">
<input class="mygroup" name="other" id="other">

次に、入力する必要のある数（この場合は3つすべて）と、使用したクラス（この場合はmygroup）を指定します。

...
rules : {
 fname : {skip_or_fill_minimum: [3,".mygroup"]}, 
 sname : {skip_or_fill_minimum: [3,".mygroup"]},
 other : {skip_or_fill_minimum: [3,".mygroup"]},
},
...

この回答で姉妹関数require_from_groupを使用する良い例があります

于 2013-02-18T10:33:00.640 に答える