使用 jQuery 和 AJAX 提交表单,我的 PHP 文件执行所有验证并返回两个响应之一。
如果成功:
<div id='formres'>1</div>
<div id='formresposta'>
<h2>SUCESSO</h2>
</div>
或者这个(未提交,发现错误):
<div id='formres'>0</div>
<ul>
<li>errnome</li>
<li>errmail</li>
<li>errmsg</li>
</ul>
到目前为止,我编写的 jQuery 设法做我想做的事,除了在发现错误时采取行动......这里是:
$("#formcontacto").submit(function () {
var dados = $(this).attr("action");
$.post(dados,{
nome:$(".nome").val(),
email:$(".email").val(),
telefone:$(".telefone").val(),
mensagem:$(".mensagem").val()
},
function (dados) {
resultado = $(dados).filter(function(){ return $(this).attr("id") == "formres"}).text();
alert(resultado);
if(resultado == 1){
$("#formcontacto").fadeOut("slow");
$("#formcontainer").html(dados).fadeIn(3000);
}else{
alert(dados);
var erros = $(dados).filter(function(){ return $(this).is("li") }).text();
alert(erros);
erros.each(function() {
if ($(this).text() == 'errnome'){ $('.nome').css({'border':'1px solid #a00','background-color':'#ffbaba','color':'#222'}); }
if ($(this).html() == 'errmsg'){ $('.mensagem').css({'border':'1px solid #a00','background-color':'#ffbaba','color':'#222'}); }
if ($(this).html() == 'errmail'){ $('.email').css({'border':'1px solid #a00','background-color':'#ffbaba','color':'#222'}); }
})
}
});
return false;
})
我不知道为什么 .is("li") 不起作用,而且我也觉得我过于复杂了......任何线索?
提前致谢。