前言：
当前兄弟们对“input框禁止输入空格”可能比较注重，你们都需要学习一些“input框禁止输入空格”的相关内容。那么小编同时在网上收集了一些有关“input框禁止输入空格””的相关知识，希望小伙伴们能喜欢，小伙伴们一起来了解一下吧！最近新上线的项目中，因为前端表单没有做空格禁止输入，导致部分用户在输入信息的时候可以输入空格，从来导致后台无法匹配到，出现了bug。
毕竟是正式上线了，被用户投诉，所以出现了问题，也是我们开发人员的责任。
总结教训：项目上线之前，一定要做好细节测试，不仅仅只测试流程业务逻辑，影响用户使用的小细节，也是需要非常关注的！
解决思路如下：
表单页面，在Input输入框，加入
<input id="deptname" name = "deptname" nkeydown="return banInputSapce(event);" onKeyup="return inputSapceTrim(event,this);>
JS如下：
function banInputSapce(e) { var keynum; if(window.event) // IE { keynum = e.keyCode } else if(e.which) // Netscape/Firefox/Opera { keynum = e.which } if(keynum == 32){ return false; } return true; } function inputSapceTrim(e,this_temp) { this_temp.value = this_temp.value.replace(/\s/g,""); var keynum; if(window.event) // IE { keynum = e.keyCode } else if(e.which) // Netscape/Firefox/Opera { keynum = e.which } if(keynum == 32){ return false; } return true; } 通过简单的两个JS，就可以实现禁止用户输入空格！
bug虽小，但是反应我在开发过程中还是不够细心！继续总结
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #input框禁止输入空格
