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

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

WBOY

リリース： 2016-05-16 15:18:02

オリジナル

1081 人が閲覧しました

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 – 最大値の検証