完整例子:
<!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("您输入不为空");
}
输入为空时点击按钮效果图如下:
当输入不为空时点击按钮效果图如下: