在所有功能完成后执行 if 语句

Question

我一直在寻找最好的方法来做到这一点，但无法给出明确的答案

我通过将值发布到 php 脚本来验证表单，该脚本检查它们是否已经存在于数据库中。我有几个需要验证的字段，其中一个是电子邮件。

我有以下基本代码

jQuery(document).ready(function(){

    jQuery("#signup_submit").click(function(){

        var u_email = jQuery('#signup_email').val();
        var email_check = 0;
        var email_checked = "no";


        if (jQuery('#signup_email').val()) {

            jQuery.post("/check-username-email",{ user_email:jQuery('#signup_email').val() } ,function(data){

            //if email not avaiable
              if(data == 0) {
                email_checked = "yes";
                 email_check = 0;
                 alert(email_check + " 1");
              }
              //if email is not vaild
              else if(data == 2){
                email_checked = "yes";
                email_check = 0;
                alert(email_check+ " 2");
              }else{
                email_checked = "yes";
                email_check = 1;
                alert(email_check + " 3");
              }

            });

        }else{
            email_checked = "yes";
            email_check = 0;
            alert(email_check + " 4");
        }
// IN NEED THIS NEXT BIT TOW WAIT UNTIL THE PREVIOUS SECTION HAS FINISHED BEFORE EXECUTING

    if (email_checked=="yes"){
            if (email_check==1){
                alert("ok");
            }else{
                alert("notok");
            }
        }else{
            alert("email not checked");
        }


        //jQuery("#signup_form_standalone").submit()    

    });

});

我的问题是底部的 if 语句在第一个函数验证之前执行。

我已经阅读了有关 jQuery.when 和 callbacks() 的信息，尝试了它们，但无法让它按需要工作。

我做错了什么？必须有一种简单的方法来实现我正在尝试做的事情，但我不知道它是什么:) 我过去在与动画不对齐时使用过队列和回调，但这些似乎并不适用这里也一样。

干杯。

Answer 1

您是否考虑过仅使用 HTML 属性 required="required" 或 simple required 来处理此问题。当然，您也可以通过定义模式和消息来进一步保护这一点。它在大多数浏览器中工作得非常好，有时值得一试以避免一堆讨厌和错误的 javascript。只要绝对确保您的 PHP 服务器端确保代码完美，客户端发生的事情就是客户端业务。

例如，我喜欢在注册时输入电子邮件。

<label title="Must be a valid email address for account activation. It will remain private and will not be revealed to other users." for="email">Email:</label>
<input required="required" pattern="^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" type="text" id="email" name="email" value="" placeholder="Email Address">

这将解决大部分问题，并提示用户他们遗漏了某些内容或可能拼错了某些内容。然后只需使用您喜欢的 PHP 函数来进一步验证电子邮件地址。