用js控制不允许输入空格和自动清楚文本中的空格

最新推荐文章于 2022-04-17 22:07:14 发布
最新推荐文章于 2022-04-17 22:07:14 发布
阅读量1.7k 收藏
点赞数
分类专栏： javascript 文章标签： javascript generator function xhtml input html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nhpyliner/article/details/1746283
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>clear space</title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="yixianggao@126.com" />
  <meta name="keywords" content="javascript" />
  <meta name="description" content="for javascript region of csdn" />
 </head>

 <body>
  <input type="text" id="txtInput" />
  <input type="button" id="btnCheck" value="Check" />
 </body>
 <script type="text/javascript">
 <!--


var oText = document.getElementById("txtInput");
var oCheck = document.getElementById("btnCheck");

oText.onkeydown = function() {
    if (event.keyCode==32)
    {
        event.returnValue = false;
    }
};

oCheck.onclick = function() {
    oText.value = oText.value.clearSpace()
};

 //-->
 </script>
</html>
 

nhpyliner
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js控制表单不能输入空格的小例子
10-26
这样，每次用户在文本输入框中键入字符并释放按键时，JavaScript都会自动移除掉所有空格，确保输入值中不含空格。这种方法可以有效地控制用户的输入，提高表单数据的质量。 总结来说，这个JavaScript示例提供了一个...
javascript之文本框输入四个数字自动加空格的脚本
12-01
文件标题中提到的“javascript之文本框输入四个数字自动加空格的脚本”指的是使用JavaScript语言编写的一个功能，即自动在用户输入的数字中每四个数字后面加入一个空格。 2. HTML文本框：HTML文本框是一种表单元素...
JS文本框不能输入空格验证方法
12-09
1、只是不能输入空格 代码如下:<input type=”text” onkeyup=”this.value=this.value.replace(/^ +| +$/g,”)”>2、不能输入空格及英文状态下的逗号 代码如下: <input type=”text” onkeyup=”this.value=this.value.replace(/[, ]/g,”)”>3、 代码如下:[removed]        function myfunction() {            var a = $(“text1”).val();          
js禁止空格输入
04-07 1197
第一种方法： 在input中添加 onkeyup="this.value=this.value.replace(/[, ]/g,'')" 第二种方法： 在js页面中添加方法 $(document).keydown(function(e){    if(!e) var e = window.event;     if(e.keyCode==32){     return false;
js禁止空格的输入
weixin_34318956的博客
08-03 621
/**禁止空格输入 onkeydown="return banInputSapce(event);"**/ function banInputSapce(e) { var keynum; if(window.event){ keynum = e.keyCode }else if(e.which){ keynum = e.which }if(keynum == 32){ ...
js控制表单不能输入空格
junmoxie的专栏
10-16 2503
window.onload=function() { var inputs=document.getElementsByTagName("input"); for (var i=0;i<inputs.length; i++) { if(inputs[i].getAttribute("type")
JS去除空格和换行的正则表达式(推荐)
10-22
空格和换行符在文本处理中经常会成为困扰，特别是在处理用户输入或从外部源获取的数据时。如果不正确处理，可能会导致数据处理错误或程序异常。以下是一些利用正则表达式去除字符串中空格和换行的JavaScript方法： ...
js检测输入内容全为空格的方法
10-26
在探讨如何使用JavaScript来检测输入内容是否全为空格之前，需要先了解一些相关的知识点。首先，JavaScript是一种广泛使用的前端编程语言，它主要运行在浏览器端，可以操作DOM（文档对象模型）来改变页面的内容、...
前端html网页代码用中文汉字书写。这次升级解决了空格键输入提示关键词的问题和一些已知问题！
06-30
本次升级解决了这个问题，使得用户在搜索框中按下空格键时，能正常触发关键词的输入，提高了交互体验。 此外，"已知问题"的修复表明开发团队对代码进行了全面的审查和调整，以消除潜在的bug和性能问题。这可能涉及...
JS登录界面禁止输入空格
heartToSky的博客
11-19 1242
在做登录界面时存在用户输入无效字符的情况，可以用JS键盘输入事件keypress监听输入字符，当字符无效时执行JS回调函数 字符串方法 一开始打算监听键盘输入事假时，当输入无效字符时删除字符value值最后一位字符，删除字符串有三种方式 substring() 结果发现使用该方法后出现意想不到的bug，经过断点调试后发现keypress的执行顺序为先执行监听事件中的回调函数，当所有回调函数执行完毕后才会键入字符 input.addEventListener('keypress',function(e){
js去当输入框输入数值的时候去除所有的空格和禁止输入空格
liu22985342的专栏
06-09 5029
js去当输入框输入数值的时候去除所有的空格和禁止输入空格
input 禁止输入空格
素味平生的博客
09-18 5625
禁止输入空格： onkeyup="this.value=this.value.replace(/\s+/g,'')" input 去除前后空格  trim属性 原生js中： var str = document.getElementById("input").trim(); Vue中提供了对应的属性，eg： &lt;input type="text" v-model.trim=...
JavaScript之文本框的值不能为空或者空格
娜可璐璐的博客
01-19 4406
今天我们来简单分享一个小知识。我们在进行前端界面的文本框信息验证的时候，有时候需要对文本框的内容做一个初步的判定，需要某个输入框的输入值不能为空并且不能为空格。 <div class="form-group"> <label class="col-sm-2 control-label">标题：</label> <div class="col-sm-4"> <input type="text" id = "title" c
设置input不能输入空格
小马总的博客
11-13 7850
<input class="common-text required" id="imageUrl" name="title" size="50" value="" type="text" onkeyup="this.value=this.value.replace(/\s+/g,'')" placeholder="...
javascript判断上传文件名不能包含中文和空格
woaitiyu的专栏
10-24 2599
                     function  c(o)    {    str  =  o.ff.value.substr(o.ff.value.lastIndexOf("//")+1)    if(/[  /u4e00-/u9fa5]/.test(str))    {    alert("不得中文，空格")    return  false    }    }   
创新项目实训 —— 输入字数限制及空格限制
樱岛麻衣的博客
04-17 204
输入字数限制 <a-textarea placeholder="请你对渲染图的绘制思路进行必要的描述和解释。（不超过500字）" v-show="picFileList.length!==0" v-model="creativity_info.picInfo" :max-length="500" onchange="creativit
js input标签，忽略空格
weixin_43297321的博客
07-17 1000
如果输入框里输入的很多空格，那怎么判断，才能不允许空格出现 我发现如果用bootstrap框架的话，输入空格默认为input的value值为空； 我又发现了，如果我把input的type改为email的话。就不会把空格记录在内。 trim() 字符串？ ...
js 在js字符串中添加空格
weixin_43994760的博客
02-20 8176
在js字符串中添加空格
js实现输入框不予两边输入空格
最新发布
09-08
### 回答1： 可以使用 JavaScript 的 `trim()` 函数来删除输入框两端的空格。 可以在输入框的 `onchange` 或 `onblur` 事件中调用这个函数，例如： ```js document.getElementById("inputId").addEventListener("blur", function() { this.value = this.value.trim(); }); ``` 或者在输入框的 `onkeyup` 事件中调用这个函数，例如： ```js document.getElementById("inputId").addEventListener("keyup", function() { this.value = this.value.trim(); }); ``` 这样就可以在用户输入或离开输入框时自动删除两端的空格。 ### 回答2： 在JS中实现输入框不允许两边输入空格的方法有多种途径。一种简单的方法是使用正则表达式，可以通过使用replace()函数来移除输入框中两边的空格。 下面是一个示例代码： ``` <input type="text" id="myInput" onblur="removeSpaces()"> <script> function removeSpaces() { var input = document.getElementById("myInput"); var inputValue = input.value; // 使用正则表达式替换两边的空格 var newValue = inputValue.replace(/^\s+|\s+$/g, ''); // 更新输入框的值 input.value = newValue; } </script> ``` 在上面的代码中，我们首先通过getElementById()函数获取输入框的引用，并将其值存储在inputValue变量中。然后，我们使用replace()函数以正则表达式/^\s+|\s+$/g来替换输入框值中的两边空格。其中，正则表达式中的^\s+表示输入字符串开头的一个或多个空格，\s+$表示输入字符串末尾的一个或多个空格，|表示或，g表示全局匹配。最后，我们更新输入框的值为新的值。 当输入框失去焦点时（onblur事件触发），removeSpaces()函数将被调用，从而将输入框中的两边空格移除。这样，用户在输入时就无法输入两边的空格了。 这只是一种简单的实现方式，实际上还有其他更复杂的方法来实现相同的功能，如使用trim()函数或使用正则表达式限制用户输入等。但上述方法已经能够满足移除输入框两边的空格的需求了。 ### 回答3： 在JavaScript中，我们可以通过使用正则表达式来实现输入框不允许两边输入空格。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>输入框不允许两边输入空格</title> <script> function validateInput() { var inputText = document.getElementById("input-text").value; var trimmedText = inputText.trim(); // 去除两边空格 if (inputText !== trimmedText) { alert("不允许输入两边有空格的内容！"); return false; } } </script> </head> <body> <h3>请输入内容：</h3> <input type="text" id="input-text"> <button onclick="validateInput()">提交</button> </body> </html> ``` 在这个示例中，我们使用`trim()`函数来去除输入框中的前导空格和尾部空格。然后，我们将去除空格后的文本与原始文本进行比较。如果两者不相等，说明输入框中包含两边有空格的内容，就会弹出警告提示。 通过以上代码，就实现了输入框不允许两边输入空格的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值