$('#form1').validate({
rules: {
firstname: {
required: true
},
lastname: {
required: true
}
},
messages: {
firstname: {
required: '名を入力して下さい。'
},
lastname: {
required: '姓を入力して下さい。'
}
}
});
rulesプロパティには、バリデーションのルールを定義します。
messagesプロパティには、バリデーションエラー時に画面上に表示するメッセージを定義します。
※ その他の指定可能なプロパティについては、こちらを参照下さい。
rulesとmessagesに指定しているオブジェクトのキーは、INPUT要素のnameプロパティの名前と一致させます。
初期化後は、submitイベントが発生することで、自動的にバリデーションが実行されます。
デフォルトでrulesに指定可能なルール一覧
| required | 必須入力チェックを行う |
| remote | バリデーション結果をサーバに問い合わせる |
| 入力値がメールアドレスのフォーマットであるか | |
| url | 入力値がURLのフォーマットであるか |
| date | 入力値が日付であるか |
| dateISO | 入力値がISO日付であるか |
| number | 入力値が数字であるか |
| digits | 入力値がクレジットカード番号のフォーマットであるか |
| creditcard | 入力値がクレジットカード番号のフォーマットであるか |
| equalTo | 入力値が指定した値と一致しているか |
| maxlength | 入力値が指定した桁数以下か |
| minlength | 入力値が指定した桁数以上か |
| rengelength | 入力値が指定した桁数の範囲であるか |
| renge | 入力値が指定した数字の範囲であるか |
| max | 入力値が指定した数字以下であるか |
| min | 入力値が指定した数字以上であるか |