如果字段为空jquery，则拒绝ajax提交 - refuse ajax submit if fields are empty jquery

refuse ajax submit if fields are empty jquery

假设我有一个简单的表单。我使用这段jquery代码在表单页面上使用ajax获得结果。

function sendquery()
{
$("#form").submit();
 var url = "form.php";
$.ajax({
       type: "POST",
       url: url,
       data: $("#form").serialize(),
       success: function(data)
       {
           $("#output").html(data);
       }
     });
return false;  
}

很简单。我现在想要的是通过添加一个类来验证表单，比如说对空值的输入添加"空白"，并且不允许提交表单。这不应该太难，但无论我尝试了什么，都会打破我的状态

我该怎么做？

您需要jQuery验证插件，并且。。。。。。

$(document).ready(function()
{
   $('#formId').validate({
    submitHandler:function(form)
    {       
        $(form).ajaxSubmit({
        success:function(response)
        {
            //do stuff on success
        },
        dataType:'json'
    });
    },
    errorLabelContainer: "#error_message_box",
    wrapper: "li",
    rules:
    {
        name:"required",
        category:"required"
    },
    messages:
    {
        name:"name required",
        category:"category required"
    }
});
});