22

ユーザーが入力した多数のフィールドを持つ HTML5 Web アプリケーションがあり、それらのフィールドをサーバーに送信する前に、javascript でクライアント側の検証を行いたいと考えています。簡単でしょ？JQuery検証プラグインを使用するだけです --- http://jqueryvalidation.org/

しかし、落とし穴があります。私の Web アプリにはフォームがありません。HTML のどこにも送信はありません。代わりに、ユーザーが変更可能なすべての要素に JQuery 変更ハンドラーがあり、ユーザーがそれらの要素のいずれかの値を変更すると、AJAX 呼び出しが行われます。(この非標準のユーザー対話アーキテクチャは、このアプリケーションにとって理にかなっています。)

AJAX 呼び出しの前にフィールドを検証し、JQuery 検証プラグインを使用してそれを行いたいと思います。しかし、私は方法を理解できません。

どこにも送信せずにJQuery検証プラグインを使用することは可能ですか? どうすればいいですか？それとも別のアプローチが良いですか？

4

5 に答える 5

3

検証プラグインを使用するには、フォーム内でフィールドをラップする必要がありますが、これは良い方法です。また、プラグインの検証をプログラムで呼び出し、次のようにしてフォームが有効かどうかを確認できます。

var $form = $('#your_form'),
    validator = $form.validate({...});

//validate the form
validator.form();

//check if the form is valid 
if ($form.valid()) {
    //form is valid
}

その他のオプションについては、docsをご覧ください。

于 2013-08-13T22:44:05.967 に答える