recusar ajax submit se os campos estiverem vazios jquery - php, jquery, ajax, forms, validation

Vamos dizer que eu tenho um formulário simples. Eu uso este pedaço de código jquery para obter o resultado usando ajax na minha página de formulário.

function sendquery()
{
$("#form").submit();
var url = "form.php";

$.ajax({
type: "POST",
url: url,
data: $("#form").serialize(),
success: function(data)
{
$("#output").html(data);
}
});

return false;
}

Bem simples. O que eu quero agora é validar o formulário adicionando uma classe, digamos, "em branco" às entradas com valor vazio, e não permitir que o formulário seja enviado. Não deve ser muito difícil, mas o que eu tentei só vai quebrar a minha forma.

Como eu posso fazer isso?

Respostas:

você precisa jQuery validate plugin e ......

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

});