javascript - jQuery Ajax POST 并返回数据

Question

我有一个使用 AJAX 提交的表单。

此表单可以正常工作，但我的印象是功能不正确。

jQuery(document).ready(function(){
    var myForm = $("#ajax_form"), email = $("#email"), emailInfo = $("#emailInfo"), ck1 = $("#ck1"), ck2 = $("#ck2"), ck3 = $("#ck3");
    jQuery('#ajax_form').submit(function(){
        var dados = jQuery( this ).serialize();
        jQuery.ajax({
            type: "POST",
            url: "check.php", // Checking data
            data: dados,
            beforeSend: function(){
                emailInfo.html("<font color='blue'>Checking..</font>");
                if(dados == "email=") // >>> This field, how to check if the field is blank?
                {
                    email.focus();
                    emailInfo.html("<font color='red'>Required.</font>");
                    return false;
                }
            },
            success: function(data){
            if(data == "invalid")
            {
                emailInfo.html("<font color='red'>Invalid.</font>");
            }
            else if(data != "0")
            {
                email.val(data); // This field, how to display the data sent in the email field? not the return of PHP,
                ck1.css("display", "none");
                ck2.css("display", "inline");
            }
            else
            {
                ck1.css("display", "none");
                ck2.css("display", "none");
                ck3.css("display", "inline");
            }
        }
        });

        return false;
    });
});

我认为有很多错误的代码，例如:

if(dados == "email=") // >>> This field, how to check if the field is blank?

和>>

email.val(data); // This field, how to display the data sent in the email field? not the return of PHP,

我尝试更新但未返回任何结果

测试代码

                    //if (email.val() == "")
                //{
                    //email.focus();
                    alert(email.val()); // op1
                    alert(dados); // op2
                    alert($.trim($('email').val())); // op3
                    emailInfo.html("<font color='red'>Required.</font>");
                    return false;
                //}

如果插入电子邮件，返回的唯一选项是 op2 email=teste@teste.com

Answer 1

我认为您的代码正在尝试在提交表单之前通过ajax验证电子邮件。如果是这样，从几点来看，这段代码对我来说似乎没问题。

提交调用结束时的

return false 可能不适用于 Firefox。使用e.preventDefault();。看this邮政。如果您在 Chrome 上尝试此代码，它可能会失败，因为您在任何地方都没有 return true 。

你的第二个代码块没问题。 email.val(data); 等于 $("#email").val(data);。我认为您正在尝试将电子邮件输入值设置为结果。

if(dados == "email=") 可以更改为 if (email.val() != '')。所以你也不需要dados。

你没有在任何地方使用 myForm 变量。应该删除它。

如果不必在服务器端验证电子邮件，则必须考虑在客户端进行验证。