JS判断表单提交时，所有的input是否有空值

最新推荐文章于 2021-07-08 11:28:30 发布

一 sky

最新推荐文章于 2021-07-08 11:28:30 发布

阅读量2.3k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/qq_42058441/article/details/85212188

版权

js 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS判断表单提交时，所有的input是否有空值</title>
<script type="text/javascript">
	function inputNull(form){
		for(i=0;i<form.length;i++){
			//form属性的elements的首字母e要小写
			if(form.elements[i].value == ""){ 
				alert("亲：" + form.elements[i].placeholder + "不能为空");
				form.elements[i].focus();	
				return false;
			}
		}
	}
</script>
</head>

<body>
<form action="" method="post" onSubmit="return inputNull(this)">
  		
	  		<p>
				<span>姓名：</span>
				<input type="text" placeholder="姓名">
	  		</p>
	  		<p>
				<span>年龄：</span>
				<input type="text" placeholder="年龄">
	  		</p>
			<input type="submit" value="登录">
	  		
  	</form>

</body>
</html>