JQuery在JSFIDLE上工作，但在我的服务器上不工作

我有一个简单的脚本，它验证一些输入并显示错误消息。 这是我的名片

加载DOM，并嵌入脚本。代码部分工作，但电子邮件始终显示在我的网站上，即使电子邮件字段填写正确。 这是我的JS：

$(document).ready(function(){
    $('#registreren').click(function(){  
        var Email = $('#Email').val();
        var Postcode =$('#Postcode').val();

        $("#add_err2").html("");

        if(Email == "") {
            $("#add_err2").css({"border-radius":"5px", "background":"#fd7777", "border":"1px solid #ff0000"});
            $("#add_err2").html("Vul a.u.b. een E-mail adres in <br>");
        }
        else if(!validateEmail(Email)){
            //$("#add_err2").css({"border-radius":"5px", "background":"#ff4e4e", "border":"1px solid #ff0000"});
            $("#add_err2").append("Vul a.u.b. een geldig E-mail adres in <br>");
        }

        if(Postcode == "") {
            //$("#add_err2").css({"border-radius":"5px", "background":"#ff4e4e", "border":"1px solid #ff0000"});
            $("#add_err2").append("Vul a.u.b. een Postcode in <br>");
        }
        else if(Postcode.length < 4){
            //$("#add_err2").css({"border-radius":"5px", "background":"ff4e4e", "border":"1px solid #ff0000"});
            $("#add_err2").append("Vul a.u.b. een geldige Postcode in <br>");
        } else {
            // send backend service;
            $.ajax({
                type: "POST",
                url: "./postcodecheck.php",
                data: "registreren=true&Email="+Email+"&Postcode="+Postcode,
                success: function(html){    
                    if(html=='true')    {
                        $("#add_err2").hide();
                        window.location="./registreren.php";
                    }
                    else    {
                        $("#add_err2").css({"border-radius":"5px", "background":"#496999", "border":"1px solid #174385", "width":"350px;", "color":"#ffffff"});
                        $("#add_err2").html("Helaas is BoxCloud nog niet beschikbaar in uw regio. Als u op de hoogte wilt blijven van nieuwe regio’s, meld u dan a.u.b. via de onderstaande balk aan voor de nieuwsbrief van BoxCloud");
                    }
                },
            });
            function validateEmail(email) {
                var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
                return re.test(email);
            }
            return false;
        };
    });
});

$（文档）.ready（函数（）{
$（'#registeren'）。单击（函数（）{
var Email=$（'#Email'）.val（）；
var Postcode=$（'#Postcode'）.val（）；
$（“#add_err2”）.html（“”）；
如果（电子邮件==“”）{
$（“#添加#err2”）.css（{“边框半径”：“5px”，“背景”：“fd7777”，“边框”：“1px实体#ff0000”）；
$（“#add_err2”）.html（“Vul a.u.b.甚至
中的电子邮件地址”）；
}
如果（！validateEmail（电子邮件））{
//$（“#add#err2”）.css（{“边框半径”：“5px”，“背景”：“ff4e4e”，“边框”：“1px实心”#ff0000“}）；
$（“添加错误2”）.append（“Vul a.u.b.een geldig电子邮件地址在
中”）；
}
如果（邮政编码==“”）{
//$（“#add#err2”）.css（{“边框半径”：“5px”，“背景”：“ff4e4e”，“边框”：“1px实心”#ff0000“}）；
$（“#add_err2”）.append（“Vul a.u.b.甚至
中的邮政编码”）；
}
else if（邮政编码长度<4）{
//$（“#添加#err2”）.css（{“边框半径”：“5px”，“背景”：“ff4e4e”，“边框”：“1px实心#ff0000”）；
$（“#add_err2”）.append（“Vul a.u.b.een geldige在
中的邮政编码”）；
}否则{
//发送后端服务；
$.ajax({
类型：“POST”，
url:“./postcodecheck.php”，
数据：“registeren=true&Email=“+Email+”&Postcode=“+Postcode，
成功：函数（html）{
如果（html=='true'）{
$（“#添加错误2”）.hide（）；
window.location=“./registreren.php”；
}
否则{
$（“#添加#err2”）.css（{“边框半径”：“5px”，“背景”：“496999”，“边框”：“1px实心”#174385”，“宽度”：“350px；”，“颜色”：“ffffff”}）；
$（“#add_err2”）.html（“Helaas是uw地区的BoxCloud nog niet beschikbaar。Als u op de hoogte wilt blijven van nieuwe regio's，meld u and a.u.b.via de onderstaande balk aan voor de nieuwsbrief van BoxCloud”）；
}
},
});
功能验证电子邮件（电子邮件）{
变量re=/^（[^（）[\]\\，；：\s@\“]+（\.[^（）[\]\，；：\s@\“]+）*）（\'+\”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.]；
返回重新测试（电子邮件）；
}
返回false；
};
});
});

HTML:

这在那里工作正常，但在我的服务器上不工作。为什么?

编辑：

可在此处找到实时版本（第一个注册框）：

---

验证电子邮件应位于else循环之外：

$（文档）.ready（函数（）{
$（'#registeren'）。单击（函数（）{
var Email=$（'#Email'）.val（）；
var Postcode=$（'#Postcode'）.val（）；
$（“#add_err2”）.html（“”）；
如果（电子邮件==“”）{
$（“#添加错误2”）.css({
“边界半径”：“5px”，
“背景”：“fd7777”，
“边框”：“1px实心#ff0000”
});
$（“#add_err2”）.html（“Vul a.u.b.甚至
中的电子邮件地址”）；
}如果（！validateEmail（电子邮件））{
$（“添加错误2”）.append（“Vul a.u.b.een geldig电子邮件地址在
中”）；
}
如果（邮政编码==“”）{
$（“#add_err2”）.append（“Vul a.u.b.甚至
中的邮政编码”）；
}else if（邮政编码长度<4）{
$（“#add_err2”）.append（“Vul a.u.b.een geldige在
中的邮政编码”）；
}否则{
//发送后端服务；
$.ajax({
类型：“POST”，
url:“./postcodecheck.php”，
数据：“registeren=true&Email=“+Email+”&Postcode=“+Postcode，
成功：函数（html）{
如果（html='true'）{
$（“#添加错误2”）.hide（）；
window.location=“./registeren.php”；
}否则{
$（“#添加错误2”）.css({
“边界半径”：“5px”，
“背景”：“496999”，
“边框”：“1px实心#174385”，
“宽度”：“350px；”，
“颜色”：“#ffffff”
});
$（“#add_err2”）.html（“Helaas是uw地区的BoxCloud nog niet beschikbaar。Als u op de hoogte wilt blijven van nieuwe regio's，meld u and a.u.b.via de onderstaande balk aan voor de nieuwsbrief van BoxCloud”）；
}
}
});
}
});
功能验证电子邮件（电子邮件）{
变量re=/^（[^（）[\]\\，；：\s@\“]+（\.[^（）[\]\，；：\s@\“]+）*）（\'+\”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.]；
返回重新测试（电子邮件）；
}
});

控制台中有错误吗？您的“电子邮件”在对ajax响应进行有条件评估时被触发。这意味着您的PHP脚本正在执行数据的返回，这就是问题所在。它与jQuery无关。由于这与电子邮件有关，我只能假设您正在使用

mail

功能。但是，如果不查看代码和邮件日志，我们就无法回答这个问题。此外，验证电子邮件也不可用defined@Karl-AndréGagnon控制台中没有错误。。。

<form id="klant_worden" action="" method="POST">
    <fieldset id="inputs">
        <input id="Email" type="email" name="Email" class="inputs" placeholder="Uw e-mail adres">
        <input id="Postcode" type="text" name="Postcode" class="inputs" placeholder="Uw postcode (1234AB)">
        <!-- <input type="submit" class="submitclient" id="registreren" value="Registreren" name="registreren" onclick="validateForm();"> -->
        <input type="button" class="submitclient" id="registreren" value="Registreren" name="registreren">
    </fieldset>
</form>

<section class="err" id="add_err2"><br></section>

$(document).ready(function () {
    $('#registreren').click(function () {
        var Email = $('#Email').val();
        var Postcode = $('#Postcode').val();

        $("#add_err2").html("");

        if (Email === "") {
            $("#add_err2").css({
                "border-radius": "5px",
                    "background": "#fd7777",
                    "border": "1px solid #ff0000"
            });
            $("#add_err2").html("Vul a.u.b. een E-mail adres in <br>");
        } else if (!validateEmail(Email)) {

            $("#add_err2").append("Vul a.u.b. een geldig E-mail adres in <br>");
        }

        if (Postcode === "") {
            $("#add_err2").append("Vul a.u.b. een Postcode in <br>");
        } else if (Postcode.length < 4) {
            $("#add_err2").append("Vul a.u.b. een geldige Postcode in <br>");
        } else {
            // send backend service;
            $.ajax({
                type: "POST",
                url: "./postcodecheck.php",
                data: "registreren=true&Email=" + Email + "&Postcode=" + Postcode,
                success: function (html) {
                    if (html == 'true') {
                        $("#add_err2").hide();
                        window.location = "./registreren.php";
                    } else {
                        $("#add_err2").css({
                            "border-radius": "5px",
                                "background": "#496999",
                                "border": "1px solid #174385",
                                "width": "350px;",
                                "color": "#ffffff"
                        });
                        $("#add_err2").html("Helaas is BoxCloud nog niet beschikbaar in uw regio. Als u op de hoogte wilt blijven van nieuwe regio’s, meld u dan a.u.b. via de onderstaande balk aan voor de nieuwsbrief van BoxCloud");
                    }
                }
            });


        }
    });

    function validateEmail(email) {
        var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return re.test(email);
    }


});