0

使用 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") 不起作用,而且我也觉得我过于复杂了......任何线索?

提前致谢。

4

1 回答 1

0

这看起来像是 json 的工作,我完全会考虑这样的事情。

您可以根据自己的意愿创建一个 PHP 数组并将其转换为:

 json_encode($array)

然后您可以轻松地请求文件,类似于您的 .post 功能:

$.getJSON('your.php', { your: options }, function(data) {
  if(data.formres == 1){
     // Everything is ok
  } else {
     // Something went wrong, so print the problems
     $.each(data.errors, function(key, val) {
       $("#result").append('<li id="' + key + '">' + val + '</li>');
     });
});

JSON 如下所示:

{
  "formres": "1",
  "errors": {
    "1": "wrong name",
    "2": "wrong email",
    "3": "wrong whatever"
  } 
}

请注意,PHP 中的 JSON 在 PHP 5.2.0 中可用。代码也未经测试

于 2012-12-13T16:19:21.250 回答