JavaScript 检测输入框是否全为空格
作者:闭包旅人时间:2026-10-28 09:56:09浏览:611
本文介绍如何使用 JavaScript 检测用户输入的内容是否全部由空格组成。通过遍历字符串并移除空格后判断剩余长度,可有效防止无效的空格提交。文中提供了完整的 HTML 与 JS 代码示例,包含简单的测试界面实现。
JavaScript 检测输入框是否全为空格
在 Web 开发中,有时需要验证用户输入的内容并非仅包含空格。以下方法用于判断输入框内的字符串是否全部由空格字符构成,从而避免提交无效的空格数据。
具体实现代码如下:
<html>
<head>
<script>
function checkBlankSpace(str){
while(str.lastIndexOf(" ")>=0){
str = str.replace(" ","");
}
if(str.length == 0){
alert("输入不能全为空");
}
}
function test(){
var testStr = document.getElementById("test").value;
checkBlankSpace(testStr);
}
</script>
</head>
<body>
<input type="text" id="test"/>
<input type="button" value="测试" onclick="test()">
</body>
</html>作者最新文章
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
p5.js 中 setup() 和 draw() 函数的执行机制详解
2026-11-05 12:32:38
