如果字段爲空，則拒絕ajax提交jquery

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

});