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>
作者最新文章