Question

我一直在寻找解决方案，但似乎找不到任何适合我的例子。这是我到目前为止所得到的：

$(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”????

编辑我的代码以填充所有必填字段

Answer 1

jQuery Validation plugin是一个非常好的开发jquery验证工具，用于客户端验证（在你的ajax调用之前）。

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

这似乎也是一个非常适合你想做的事情的介绍：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                
        }                
     });
});

如果需要输入空的错误消息

1 个答案: