JavaScript警告不在网站上工作

问题描述：

我已经尝试了几个不同的东西在JavaScript中，但似乎没有任何工作在我的网站上。我试图在提交表单时弹出提醒。这是我JavaScript警告不在网站上工作

<form> 
    Name:<br> 
    <input type="text" name="name" required><br> 
    Email:<br> 
    <input type="email" name="email" required><br> 
    Phone (Format: 999-999-9999):<br> 
    <input type="tel" name="phone" required pattern="\d{3}[\-]\d{3}[\-]\d{4}"><br> 
    Nature of comment:<br> 
    <input type="checkbox" name="comment" value="Question"> Question 
    <input type="checkbox" name="comment" value="Business Inquiry"> Business Inquiry 
    <input type="checkbox" name="comment" value="Comment"> Comment 
    <input type="checkbox" name="comment" value="Other"> Other <br> 
    Comment:<br> 
    <textarea></textarea><br> 
    <input type="submit" value="Submit"> 
    <form onsubmit="return confirm('Do you really want to submit the form?');"> 
</form>

这是网站：http://webpages.uncc.edu/~kjardine/MC_Portfolio/contact.html

尝试将onsubmit放置在顶部表单元素中。 –

您的HTML无效。表单元素不应嵌套，并且内部表单无论如何都没有结束标记。 – 2017-03-15 22:28:22

就是这样！谢谢！ –

答

你是几乎没有的，关键是你已经有一个<form>标签，它开始于第1行的代码，所以你应该添加onsubmit=""属性。这里是修改后的代码，应该这样做：

<form onsubmit="return confirm('Do you really want to submit the form?');"> 
    Name:<br> 
    <input type="text" name="name" required><br> 
    Email:<br> 
    <input type="email" name="email" required><br> 
    Phone (Format: 999-999-9999):<br> 
    <input type="tel" name="phone" required pattern="\d{3}[\-]\d{3}[\-]\d{4}"><br> 
    Nature of comment:<br> 
    <input type="checkbox" name="comment" value="Question"> Question 
    <input type="checkbox" name="comment" value="Business Inquiry"> Business Inquiry 
    <input type="checkbox" name="comment" value="Comment"> Comment 
    <input type="checkbox" name="comment" value="Other"> Other <br> 
    Comment:<br> 
    <textarea></textarea><br> 
    <input type="submit" value="Submit"> 
</form>

答

onsubmit应该放在顶部的form元素中，就像评论者所说的那样。并且其当前的表单元素应该被删除。

也就是说，您也可以为该网站检查一次“不再显示更多弹出窗口”选项，现在弹出窗口将被禁用，直到您通过清除Chrome浏览缓存实例再次启用弹出窗口。

<form onsubmit="return confirm('u sure?');"> 
    <input>... 
</form>

我也建议不要使用的onsubmit作为一个HTML参数，而是在实际<script></script块写一个js处理程序做了确认。

window.onload = function() { 
    document.getElementById("myForm").onsubmit = function onSubmit(form) { 
     return confirm('u sure?'); 
    } 
}

在这种情况下，请记得在您的表单元素中添加id="myForm"。

JavaScript警告不在网站上工作

相关推荐