首页 > 解决方案 > 为什么第二个警报不显示

问题描述

我有一个小程序可以检查电子邮件地址是否包含正确的元素,但它没有显示给出确认的框。

$(document).ready(function(){
    $("#sendButton").click(function(){
        var name = $("#name").val();
        var email = $("#email").val();
        
        if (email.indexOf('@') === -1)
        {
            alert("Please enter a valid email.");
            return;
        }
        if ((email.indexOf(".com") === -1))
        {
            alert("Please enter a valid email.");
            return;
        }
        alert(`Thank you ${name}, There has been sent a conformation to  ${email}.`);
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><label for="name">Name:</label><input id="name"></p>
<p><label for="email">Email:</label><input id="email"></p>
<p><button type="button" id="sendButton">Send</button></p>

有人知道如何显示“谢谢”警报框吗?

标签: javascriptjqueryhtml

解决方案


发布的代码工作得很好,对我来说看起来不错。我认为您可能正在使用不支持模板字符串(${variableName}消息中的这些符号)和多行字符串的旧浏览器(即可能是 Internet Explorer)。您可以将最后一个更改为alert如下所示:

alert("Thank you " + name + ", There has been sent a conformation to  " + email + ".");

它基本上等同于您现有的代码,但符合旧版本的标准。


推荐阅读