JavaScript警告不在網站上工作

Question

我已經嘗試了幾個不同的東西在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

Answer 1

你是幾乎沒有的，關鍵是你已經有一個<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> 

Answer 2

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"。