jQueryのEasyUIフォームプラグイン - Validatebox検証ボックス

頼ります

• ツールチップ

使用法

ボックス（validatebox）から検証マークを作成します。

<入力のid = "VV"クラス= "easyui-validatebox「データ・オプション="必要な：真、validType： 'メール' ">

JavaScriptのボックス（validatebox）を使用して検証を作成します。

<入力されたID = "VV">

$（ '＃V-V'）。Validatebox（{
    必要：trueの場合、
    validType：「電子メール」
}）;

パスワードを確認し、同じパスワードを再入力します。

//」に等しい」ルールを拡張
$ .extend（$。Fn.validatebox.defaults.rules、{
    等しいです：{
		バリ：関数（値、PARAM）{
			戻り値== $（パラメータ[0]）のval（）;
		}、
		メッセージ： 'フィールドが一致しません。」
    }
}）;

<入力されたID = "PWD"名前= "PWD"タイプ= "パスワード"クラス= "easyui-validatebox「データ・オプション="必要な：真の ">
<入力されたID = "rpwd"名前= "rpwd"タイプ= "パスワード"クラス= "easyui-validatebox」
    必要= "必要" validType = "イコール[ '＃のPWD']">

検証ルール

定義し、validTypeするために必要な属性を使用して、検証ルールは、ここで実装されているルールです。

• 電子メール：正規表現ルールに一致する電子メール。
• URL：URL正規表現マッチングルール。
• 長さ[0100]：Xからyの文字にできます。
• リモート[ 'のhttp：//.../action.do','paramName']：正常に戻った「真」の値を確認するためのAjaxリクエストを送信します。

検証ルールをカスタマイズするには、検証機能や効果のない情報を定義するには、$ .fn.validatebox.defaults.rulesを書き換えます。 たとえば、はminLength認証タイプの定義：

$ .extend（$。Fn.validatebox.defaults.rules、{
    minLength：{
		バリ：関数（値、PARAM）{
			戻りvalue.length> =のparam [0];
		}、
		メッセージ： 'は、少なくとも{0}文字を入力してください。」
    }
}）;

今、あなたは、入力ボックスに少なくとも5文字を入力はminLengthを定義するためにこのタイプの認証を使用することができます。

<入力クラス= "easyui-validatebox「データ・オプション=" validType： 'はminLength [5]' ">

プロパティ

<input class="easyui-validatebox" data-options="required:true,validType:'url'">
<input class="easyui-validatebox" data-options="
	required:true,
	validType:['email','length[0,20]']
">

ウェイ