jQuery Validation Plugin 検証プラグインマニュアル verify_jquery

jquery.validate は jquery の検証フレームワークであり、jquery の利点を利用して、いくつかの一般的な入力を迅速に検証し、独自の検証方法を拡張でき、国際化も適切にサポートします。

通常の検証モードは次のとおりです:

<form id="ff" action="xxx"> 
... 
<input type="submit" value="提交"> 
</form> 
[java] view plaincopy在CODE上查看代码片派生到我的代码片
$('#ff').validate() 

送信ボタンをクリックしている限り、プラグインは自動的に検証します。

しかし、他のボタンをクリックしてフォームを検証し、フォームの検証結果に基づいて残りの作業を行いたい場合もあります。

ソースコードを見ると、メソッドの文字通りの意味は一致しませんが、form() メソッドがあることがわかりました。

それでは、次のことができます:

var validator;// 申明一个全局变量 
$(function(){ 
validator = $('#ff').validate();// 这句话会返回一个对象 
}) 
function add() { 
var b = validator.form();// 返回一个布尔值 
if(b){ // 验证成功 
// do add... 
} 
} 
<button onclick="add()">保存</button> 

検証エラーが発生した場合、エラー メッセージが表示されます。エラー メッセージをクリアするには、validator.resetForm() メソッドを呼び出します。

このように、

validator.form() と validator.resetForm() の 2 つのメソッドを使用すると、検証プラグインを柔軟に使用できます。

検証フィールド

必須 – 必須フィールド

リモート – リモート検証

minlength – 最小長の検証

maxlength – 最大長の検証

rangelength – 長さ範囲の検証

min – 最小値の検証

max – 最大値の検証

範囲 – 範囲値の検証

メール – メールアドレスの確認

url – URL アドレスの検証

日付 – 日付の確認

dateISO – ISO 日付形式の検証

数値 – 10 進数の検証

数字 – デジタル検証

クレジットカード – クレジットカード番号の確認

equalTo – 別のテキスト ボックスの値が等しいことを確認します