javascript - jQuery - パスワードの検証

Question

jQuery を使用して、2 つのパスワード フィールドを相互に検証しようとしています。

私のコードは次のようになります。

jQuery('#settingsForm').validate(
    rules : {
        npassword : {
        },
        pass_check : {
            equalTo : '#npassword'
        }
    }
});

入力フィールドの HTML は次のとおりです。

<label for='npassword'>New Password</label>
<input type='password' class='span10 password_check' name='npassword' id='npassword' value='' placeholder='New Password'>
<div class='separator'></div> 

<label for='pass_check'>Confirm New Password</label>
<input type='password' class='span10' name='pass_check' id='pass_check' value='' placeholder='Confirm New Password'>
<div class='separator'></div> 

これは何もしませんが。何を変更すればよいですか？私は一般的にjQueryとJavascriptが初めてです。

前もって感謝します。

Answer 1

npasswordたとえば、 を使用して、 の構成を入力する必要がありますrequired: true。ここを参照してください：http://jsfiddle.net/JtTgM/

Answer 2

1){の直後に左中括弧 , がありません.validate(:

jQuery('#settingsForm').validate({ // <-- opening brace { was missing

2)required最初のパスワード フィールドのルールを指定したい場合があります。それ以外の場合、両方のフィールドが空白の場合、両方が一致し、フォームは有効です。

npassword: {
    required: true
},

3)messages次のオプション を使用して、デフォルトのメッセージを上書きできます。

jQuery('#settingsForm').validate({
    rules: {
        npassword: {
            required: true
        },
        pass_check: {
            equalTo: '#npassword'
        }
    },
    messages: {
        npassword: {
            required: "this field is required"
        },
        pass_check: {
            equalTo: "the passwords must match"
        }
    }
});

動作デモ: http://jsfiddle.net/vsLWg/

Answer 3

$( "#Form").validate({
  rules: {
    old_password: "required",
    password: "required",
    new_password: {
      equalTo: "#password"
    }
  }
});