Question

我有一个小程序，用于检查电子邮件地址是否包含正确的元素，但是没有显示提供确认的框。

$(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>

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

Answer 1

发布的代码工作正常，对我来说也不错。我认为您可能正在使用旧的浏览器（即可能是Internet Explorer），该浏览器不支持模板字符串（消息中的这些${variableName}符号）和多行字符串。您可以将最后一个alert更改为以下内容：

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

它基本上与您现有的代码相同，但符合该标准的旧版本。

Answer 2

我通过删除if语句中的return语句，并将此return语句放在函数末尾来解决此问题。

为什么第二个警报不显示

2 个答案: