JavaScript如何实现表单验证之必填功能？附源码！

我们在浏览网页时，会不时遇到填写表单的情况，如登录、注册等。如果其中一项未填，往往会出现提示。那么 JavaScript 如何实现表单验证之必填功能呢？这篇文章告诉你。

如果我们在文本框中未输入文字信息就点击提交按钮的话，就会出现“请填写信息”的提示。下图为实现效果：

具体代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JavaScript表单验证之必选- 编程狮(w3cschool.cn)</title>
</head>
<script>
	function validateForm(){
		var x=document.forms["myForm"]["name"].value;
		if (x==null||x==""){
			alert("请填写信息");
			return false;
		}
	}
</script>
<body>
	<form name="myForm" action="" onsubmit="return validateForm()" method="post">
		<input type="text" name="name" placeholder="请填写信息"><br>
		<input type="submit" value="提交">
	</form>
</body>
</html>

以上就是文章“JavaScript 如何实现表单验证之必填功能？附源码！”的全部内容。更多 JavaScript 学习请关注 w3cschool 官网。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

相关文章