【js】验证输入是否为空

最新推荐文章于 2022-01-17 15:40:35 发布

向着光芒的女孩

最新推荐文章于 2022-01-17 15:40:35 发布

阅读量455

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/ann295258232/article/details/53230368

版权

javascript 专栏收录该内容

52 篇文章 3 订阅

订阅专栏

完整例子：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>验证用户是否输入</title>
</head>
<body>
	<h2>验证是否输入</h2>
	<input type="text" id="strs" value=""/>
	<input type="button" id="isContent" value="验证是否为空" />
	<script>
	window.onload = function(){
		var _isContent = document.getElementById("isContent"),_strs = document.getElementById("strs");
		_isContent.onclick = function(){
			if(!_strs.value.replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g,"")){
				alert("您输入为空");
			}else{
				alert("您输入不为空");
			}
		}

	}
	</script>
</body>
</html>

核心代码：

if(!_strs.value.replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g,"")){
	alert("您输入为空");
}else{
	alert("您输入不为空");
}

输入为空时点击按钮效果图如下：
这里写图片描述

当输入不为空时点击按钮效果图如下：
这里写图片描述

向着光芒的女孩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
【js】验证输入是否为空

验证用户是否输入
复制链接

扫一扫

专栏目录

【js】验证输入是否为空

“相关推荐”对你有帮助么？