警報攔截「必填字段」彈出式窗口

我製作的表格填寫時會創建一個警報，告訴您這是成功的，用戶即將被重定向到的位置。問題在於，此警報似乎是「阻止」鉻「請填寫此字段」彈出的輸入字段與required屬性，未填寫。警報攔截「必填字段」彈出式窗口

這是（據我所知）只有一個Chrome問題。 IE仍然顯示警報後的彈出窗口，我還沒有能夠嘗試Firefox。

例如

<form method="post" action="sendemail.php"> 
    <input type="text" name="name" required> 
    <input type="submit" name="submit" onclick="javascript:alert('All done')"> 
</form>

最好的結果將是隻顯示警報，如果所有需要的字段填寫

來源

2017-07-13 Zachary Elkins

'onclick'是聽錯的事件。表單上的'submit'是合適的，但是您不應該添加內聯JavaScript。 – zzzzBov

你的權利！我有內聯js的唯一原因就是這個例子。 –

只要簡單地除去onclick，並添加onsubmit到form標籤：

<form method="post" action="sendemail.php" onsubmit="javascript:alert('All done')"> 
    <input type="text" name="name" required/> 
    <input type="submit" name="submit"/> 
</form>

onsubmit只有在表單提交後纔會觸發，如果是required輸入未填寫。即使所有字段都不正確，單擊提交按鈕時始終會觸發onclick。

來源

2017-07-13 19:44:35

謝謝！直到現在我還不知道有這樣一個屬性。 –

@ZacharyElkins沒問題。請記住標記這個答案，如果它爲你工作，謝謝！ –

我一直在努力，但你必須等待10分鐘才能將評論標爲答案。（5分鐘去！） –

警報攔截「必填字段」彈出式窗口

回答

相關問題