jquery.validate 使用ガイド パート 3_jquery
- WBOYオリジナル
- 2016-05-16 18:24:121092ブラウズ
1: フォーム送信をカスタマイズする
フォーム送信アクションをカスタマイズするための submitHandler を設定します
$(".selector").validate({
submitHandler: function(form ) {alert("検証に合格しました"); }
フォームを送信する必要がある場合は、
form.submit() または $(form).ajaxSubmit( );
2: デバッグ モード
デバッグを true に設定すると、フォームは送信されず、チェックのみが行われ、デバッグに便利です
$( ".selector" ).validate({
debug: true
})
3: validate のデフォルト値を設定します
setDefaults を使用して設定しますたとえば、デフォルトでは、すべてのフォーム検証はデバッグ モードで実行されます
$.validator.setDefaults({
debug: true
})
4: 特定の要素を検証しません
特定の要素を無視するようにignore属性を設定します 検証しません
$(".selector").validate({
ignore : "ignore"
} )
5: 検証タイミング
jquery.validate は、検証アクションがトリガーされるタイミングを簡単に設定できます
onsubmit : 送信時に検証するかどうか
$(".selector").validate({
onsubmit: false
})
onfocusout: フォーカスが失われたときに検証します (チェックボックスを除く) /radio)
$(".selector").validate({
onfocusout: false
})
onkeyup: キーアップ時に検証
$( ".selector").validate ({
onkeyup: false
})
onclick: チェックボックスとラジオがクリックされたときに検証します。
$(".selector")。 validate({
onclick : false
})
6: 検証ルールと検証プロンプト情報を書き換えます
//max の検証プロンプト情報を書き換えます
$.validator.messages.max = jQuery.format("合計は {0} を超えてはなりません!");
//equal メソッドを書き換えます
$.validator.methods.equal = function(value , element, param) {
return value == param;
7: focusInvalid 最後のアクションと最新のエラーのどちらに焦点を当てるか
$(".selector").validate({
focusInvalid: false
})
8: focusCleanup
の場合このプロパティが True に設定されている場合、コントロールがフォーカスを取得すると、誤ったクラス定義が削除され、エラー メッセージが非表示になり、focusInvalid での使用が回避されます。
$(".selector").validate({
focusCleanup: true
})
9: メタ
設定検証ルールをカプセル化するメタ
$(".selector").validate({
meta: "validate",
})
声明:この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。