10

私は次のフォームを持っています：

<form id="testForm" action="country_Save">
   Country Name:<input type="text" id="countryName" />  
   <input type="submit" id='saveCountry' value="Add Country" />
</form>

テキストフィールドを検証するための次のJQuery

$('#testForm')
   .jqxValidator({  rules : [
          {
              input : '#countryName',
              message : 'Country Name is required!',
              action : 'keyup, blur',
              rule : 'required'
          }],
          theme : theme
});

フォームを送信するときに、この検証をどのように使用できますか?

4

3 に答える 3

10

submit関数をフォームのイベントにバインドします。falseフォーム フィールドのいずれかが検証に失敗した場合は、この関数で戻ります。

例えば：

$('form').on('submit', function() {
    // do validation here
    if(/* not valid */)
        return false;
});
于 2012-11-24T12:37:13.133 に答える
9

これを試してください：

     $('#testForm').on('submit', function() {
         return $('#testForm').jqxValidator('validate');
     });
于 2012-11-24T12:50:40.907 に答える
1

フォーム検証には、Javascript と jQuery ライブラリの幅広いセットがあります... 私の提案は単純なjquery.com プラグインです。

PS: jQWidgets フレームワークjqxValidatorのメソッドですか? あなた（読者）がそれほど重くて複雑なプラグインを必要としない場合は、以下の純粋なjQueryを参照してください。

jQuery と基本的な Javascript のみを使用します。

「ライブラリのプラグイン」と「独自の検証メソッドの作成」の両方について、まず jQuery を直接使用する必要があるかどうかを確認します。

ここに、質問が必要とするすべてのことを行うコードがあります。ぼかし、キーアップ、および「送信時」の検証です。

function validate(){
    var cnv = $('#countryName').val();
    if (!$.trim(cnv)) {
        alert('Country Name is required!');
        return false;
    } else { return true; }
}

$('#testForm').submit(validate);
$('#countryName').bind('blur keyup', validate);
于 2012-11-24T13:14:42.047 に答える