为什么不显示第二个警报

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

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

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

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

Answer 2

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