如果字段为空 jquery，则拒绝 ajax 提交

Question

假设我有一个简单的表格。我使用这段 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;  
}

很简单。我现在想要的是通过添加一个类来验证表单，让我们对具有空值的输入说“空白”，并且不允许提交表单。应该不会太难，但无论我尝试什么都会破坏我的形式。

我该怎么做？

Answer 1

你需要 jQuery validate plugin 和......

$(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"
    }
});

});