資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何防止表單提交？
我們可以使用 event.preventDefault() 來輕鬆地防止網頁上的表單提交，或在提交事件處理程式上返回 Flase。讓我們逐個看示例 −
使用 event.preventDefault() 防止表單提交
要阻止表單提交，請使用 event.preventDefault()，即 −
<form onsubmit="event.preventDefault();">
示例
讓我們看一個完整的示例 −
<!DOCTYPE html>
<html>
<body>
<h1>Details</h1>
<form onsubmit="event.preventDefault();">
<p>Select the subject you want to choose:</p>
<div>
<input type="radio" id="prog" name="subject" value="prog">
<label for="prog">Programming</label>
<input type="radio" id="dev" name="subject" value="dev">
<label for="dev">Web Development</label>
<input type="radio" id="db" name="subject" value="db">
<label for="db">Database</label>
</div><br/>
<div>
<button id="submit" type="submit">Submit</button>
</div>
</form>
</body>
</html>
輸出
選擇任何選項並單擊提交按鈕。表單不會提交 −
在提交事件處理程式上使用 return false 來防止表單提交
要阻止表單提交，請在提交事件處理程式上使用 return false −
<form onsubmit="return false;">
示例
讓我們看一個完整的示例 −
<!DOCTYPE html>
<html>
<body>
<h1>Details</h1>
<form onsubmit="return false;">
<p>Select the subject you want to choose:</p>
<div>
<input type="radio" id="prog" name="subject" value="prog">
<label for="prog">Programming</label>
<input type="radio" id="dev" name="subject" value="dev">
<label for="dev">Web Development</label>
<input type="radio" id="db" name="subject" value="db">
<label for="db">Database</label>
</div><br/>
<div>
<button id="submit" type="submit">Submit</button>
</div>
</form>
</body>
</html>
輸出
選擇任何選項並單擊提交按鈕。表單不會提交 −
更新日期：2022 年 12 月 6 日
189 次瀏覽
廣告