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 插件是一个非常完善的用于客户端验证的 jquery 验证工具（在您的 ajax 调用之前）。

如果您要验证字段是否为空，可以查看此处的示例。 您可以为每个字段提供特定消息，或为所有字段提供通用消息。

这似乎也是一个非常适合你想做的介绍： 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 回答