html之input 的非空验证

最新推荐文章于 2024-07-10 16:24:33 发布

milijiangjun

最新推荐文章于 2024-07-10 16:24:33 发布

阅读量2.7w

点赞数 2

分类专栏： # html5

本文链接：https://blog.csdn.net/milijiangjun/article/details/78084295

版权

html5 专栏收录该内容

232 篇文章 4 订阅

订阅专栏

   if (Username == "" || Username.value == null ) {
                alert("请输入内容");
            }

在这里可以通过input的id   var Username = document.getElementById("UserName").value; 获取，然后判断是否为空

整体实现代码的方法如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	 <script type="text/javascript">
	 function Check(){
	 	 var Username = document.getElementById("UserName").value;
	 	 if (Username == "" || Username.value == null ) {
                alert("请输入内容");
            }
	 }
	 </script>
</head>
<body>
	<input type="" name="" id="UserName" value="" onblur ="Check();" />
</body>
</html>