0

私はこれに対する解決策を探し回っていますが、私にとってうまくいく例を見つけることができないようです. ここに私がこれまでに持っているものがあります：

$(document).ready(function() {
   $("form#submit").submit(function() {
      // we want to store the values from the form input box, then send via ajax below
      var user_email     = $('#user_email').attr('value');
      var mobile     = $('#mobile').attr('value');
      var id_country     = $('#id_country').attr('value');
      var id_target     = $('#id_target').attr('value');    
      var id = $('#id').attr('value'); 

      $.ajax({
        type: "POST",
        url: "ajax.php",
        data: "user_email="+ user_email + "&mobile=" + mobile + "&id_country=" +
        id_country + "&id_target=" + id_target + "&id=" + id,
        success: function(){
            $('form#submit');
            //$('form#submit :input').val("");
            $('div.success').fadeIn("slow")
            $('div.success').fadeOut("slow");
          }
       });
      return false;
   });
});

フォームを送信すると、データがデータベースに正常に挿入されます。必要な入力が空の場合、div.error が必要です !!! コードを編集して、すべての必須フィールドに class="required" を入力するにはどうすればよいですか????

4

1 に答える 1

0

jQuery Validation プラグインは、(ajax 呼び出しの前に) クライアント側の検証用に非常によく開発された jquery 検証ツールです。

フィールドが空かどうかを確認する場合は、こちらの例を参照して ください。各フィールドに特定のメッセージを提供することも、すべてのフィールドに一般的なメッセージを提供することもできます。

これも、あなたがやりたいことに非常に適した紹介のようです：http://elegantcode.com/2009/09/27/playing-with-jquery-validation-library/

また、user_email フィールドが適切なメール アドレスであることを確認することもできます。

このような検証機能を使用してみてください

    $("#submit").validate({
        rules : {
          user_email: {
              required: true
          }
        },
        messages: {
          user_email: {
            required: "This field is required"
            }
        },
        submitHandler: function(form)   {
           // Put your ajax call in here                
        }                
     });
});
于 2012-06-30T21:56:55.310 に答える