1

私はJqueryに本当に慣れていませんが、それを学びたいです。私はウェブ全体でチュートリアルをかなり進めましたが、フォームを送信する前に検証したいのですが、これの簡単な例が見つかりません。

私はフォームを持っています:

<form id="testform">
<input name="test" type="input">
<input type="submit" value="TEST">
</form>

私はこの機能を持っています:

$(document).ready(function() {
        $('#testform').submit(function(){


            $.get('test.php', $(this).serialize(), function(data){
                $('#test').html(data);
            });             
            return false;
        });
    });

今私が欲しいのは非常に簡単です。名前フィールドの背景色を空にします。これを行う方法を説明してください！

あなたの答えを見て、うまくいかないようです。送信ボタンを押しても何も起こらず、フォームだけがクリアされます。

4

2 に答える 2

2

これを試して：

$('#testform').submit(function(e) {
      if ($('input[name=test]').val() == "") { // if the input is empty
           $('input[name=test]').css('background-color','red')
           return false
      } else {
         $.get('test.php', $(this).serialize(), function(data){
              $('#test').html(data);
         });             
      }
      return false
});
于 2012-07-13T21:31:41.510 に答える
0

仲間のjquery初心者として、私はここでいくつかのことを言います：

まず、いくつかの小さなことを検証するだけの場合は、絶対に独自のコードを作成する必要があります。プラグインを使用するよりもはるかに軽量になります（おそらく...）

ただし、非常に多くの検証を行っている場合は、jquery検証プラグイン（http://bassistance.de/jquery-plugins/jquery-plugin-validation/など）を調べると、作業が大幅に楽になります。

（また、これはすでに知っていると思いますが、クライアント側が失敗する可能性があるため、サーバー側の検証を忘れないでください！）

ハッピーコーディング！

于 2012-07-13T21:47:33.127 に答える