필드가 비어있는 경우 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; 
} 

아주 간단합니다. 이제는 클래스를 추가하여 폼의 유효성을 검사하고 빈 값을 가진 입력에 "blank"라고 말하며 폼을 제출하지 못하게하려고합니다. 너무 어려워서는 안되지만, 시도한 것은 내 양식을 깨뜨릴뿐입니다.

어떻게하면됩니까?

Answer 1

당신은 ......

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

});