9

キーが押されたときに検証できるjQueryのプラグインと、フォーカスを失った後(テキストボックス)を探しています。

私は現在jVal - jQuery Form Field Validation Pluginを使用しています。それはかなりうまくいきます。唯一の問題は、一般的なエラー メッセージしか使用できないことです。

例: 2 ～ 5 文字の文字列が必要です。短すぎる場合は、短すぎることを示すエラー メッセージを表示したいと思います。長すぎる場合も同様です。文字列を 2 ～ 5 文字にする必要があるエラー メッセージを表示できることはわかっています。 行われている検証はより複雑です。

他のバリデーターのアイデアや、このプラグインを使用して固有のエラー メッセージを表示する方法。

編集：

検証ツールは、特定の文字や数字を防止する必要があり、フォームを必要としません。

ありがとう

4

5 に答える 5

14

これはあなたの説明に合うように見えます：

以下は、デモのソースからコピーされたコードのスニペットです。

// validate signup form on keyup and submit
$("#signupForm").validate({
    rules: {
        firstname: "required",
        lastname: "required",
        username: {
            required: true,
            minlength: 2
        },
        password: {
            required: true,
            minlength: 5
        },
        confirm_password: {
            required: true,
            minlength: 5,
            equalTo: "#password"
        },
        email: {
            required: true,
            email: true
        },
        topic: {
            required: "#newsletter:checked",
            minlength: 2
        },
        agree: "required"
    },
    messages: {
        firstname: "Please enter your firstname",
        lastname: "Please enter your lastname",
        username: {
            required: "Please enter a username",
            minlength: "Your username must consist of at least 2 characters"
        },
        password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long"
        },
        confirm_password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long",
            equalTo: "Please enter the same password as above"
        },
        email: "Please enter a valid email address",
        agree: "Please accept our policy"
    }
});
于 2008-10-16T15:54:04.607 に答える
2

私にとって最高のものはhttp://livevalidation.com/ または baseassistance http://bassistance.de/jquery-plugins/jquery-plugin-validation/のものです

jVal と live-form-validation は問題ありませんが、gjQuery を使用するポイントは、クリーンで邪魔にならないコードを使用することだと思います。

live-form-validation は将来進化すると思いますが、各フォームでメールを検証するために正規表現全体を入力する必要があるのは本当に奇妙です....

于 2009-10-08T13:01:56.710 に答える
2

これを試して：

http://www.geektantra.com/2009/09/jquery-live-form-validation/

于 2009-09-23T18:21:48.053 に答える
0

jQueryプラグイン：検証を使用しました。DOM要素をその場で作成することでうまく機能します。それらをその場で作成するときは、属性名とIDが含まれていることを確認してください。プラグインはname属性を使用してhtmlでそれらを見つけると確信しています。名前がない場合は見つかりません。

また、これは別の優れた検証ツールになる可能性があります。 http://www.livevalidation.com

于 2008-10-31T14:05:22.250 に答える
0

jVal 0.1.4 の現在のトランクでは、以前のバージョンよりも堅牢なエラー チェック機能を処理できるため、エラー メッセージとして文字列を返すことができます。http://jquery-jval.googlecode.com/svn/trunk/jVal.jsで現在のリビジョン 11 jVal 0.1.4 トランクを取得します。

以下は、チェックするパスワード フィールドの例です。

  1. パスワードが8文字以上の場合
  2. パスワードに少なくとも 1 つの数字が含まれている場合
  3. パスワードに 1 つ以上の英字が含まれている場合

特定のチェックに失敗した場合、カスタム メッセージが表示されます。

<input id="web_pswd" type="password" size="20"
    jVal="{valid:function (val) { if ( val.length < 8 ) return '8 or more characters required'; else if ( val.search(/[0-9]/) == -1 ) return '1 number or more required'; else if ( val.search(/[a-zA-Z]/) == -1 ) return '1 letter or more required'; else return ''; }, styleType:'pod'}"
于 2008-11-28T02:08:17.030 に答える