0

AJAX を使用してクライアント側の検証を行い、単純なフォームの空のフィールドをチェックしようとしています。フィールドが空の場合、これが無効であることをユーザーに通知したいと思います。空のフィールドがある場合、フォームは送信されません。

これを行う最善の方法は何ですか？

4

2 に答える 2

1

クライアント側の検証に Ajax は必要ありません。「jQuery」という用語を交換しているとしか思えません。その場合...

jQuery Validateは、最も広く使用されている jQuery 検証プラグインです。

「プラグインは、jQuery チームのメンバーであり、jQuery UI チームの主任開発者であり、QUnit のメンテナーである Jörn Zaefferer によって作成および保守されています。2006 年の jQuery の初期に開始され、それ以来更新および改善されています。 "

これが動作するデモです...

http://jsfiddle.net/EggSb/

jQuery:

$(document).ready(function() {

    $('#myform').validate({ // initialize the plugin
        rules: {
            field1: {
                required: true,
                minlength: 5,
                // other rules
            },
            field2: {
                required: true,
                email: true,
                // other rules
            }
        }
    });

});

HTML:

<form id="myform">  
     <input type="text" name="field1" />
     <input type="text" name="field2" />
     <input type="submit" />
</form>
于 2013-02-07T00:01:50.190 に答える
0

テスト対象が空のフィールドだけの場合は、AJAX を使用する必要はありません。HTML5 フォームをサポートするブラウザーをターゲットにしている場合は、次のようにするだけです。

<input type="text" name="username" required />

IE などの他のブラウザーをサポートする必要がある場合は、JavaScript を使用する必要があります。これを行うための JavaScript の例を見つけるには、Google の「JavaScript フォーム検証ライブラリ」を参照してください。

于 2013-02-07T00:01:19.423 に答える