App下載

JavaScript如何實(shí)現(xiàn)表單驗(yàn)證之必填功能？附源碼！

猿友 2021-04-30 17:49:17 瀏覽數(shù) (4326)
反饋

我們在瀏覽網(wǎng)頁時(shí)，會不時(shí)遇到填寫表單的情況，如登錄、注冊等。如果其中一項(xiàng)未填，往往會出現(xiàn)提示。那么 JavaScript 如何實(shí)現(xiàn)表單驗(yàn)證之必填功能呢？這篇文章告訴你。

如果我們在文本框中未輸入文字信息就點(diǎn)擊提交按鈕的話，就會出現(xiàn)“請?zhí)顚懶畔ⅰ钡奶崾?。下圖為實(shí)現(xiàn)效果：

JavaScript實(shí)現(xiàn)表單驗(yàn)證

具體代碼如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JavaScript表單驗(yàn)證之必選- 編程獅(w3cschool.cn)</title>
</head>
<script>
	function validateForm(){
		var x=document.forms["myForm"]["name"].value;
		if (x==null||x==""){
			alert("請?zhí)顚懶畔?);
			return false;
		}
	}
</script>
<body>
	<form name="myForm" action="" onsubmit="return validateForm()" method="post">
		<input type="text" name="name" placeholder="請?zhí)顚懶畔?><br>
		<input type="submit" value="提交">
	</form>
</body>
</html>

以上就是文章“JavaScript 如何實(shí)現(xiàn)表單驗(yàn)證之必填功能？附源碼！”的全部內(nèi)容。更多 JavaScript 學(xué)習(xí)請關(guān)注 w3cschool 官網(wǎng)。

JavaScript

0 人點(diǎn)贊