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

2021-04-30 17:49:17 浏览数 (3016)

我们在浏览网页时,会不时遇到填写表单的情况,如登录、注册等。如果其中一项未填,往往会出现提示。那么 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 官网