ホームページ >ウェブフロントエンド >jsチュートリアル >jquery.validate 使用ガイド パート 3_jquery

jquery.validate 使用ガイド パート 3_jquery

WBOY
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 までご連絡ください。