关于input禁止输入空格

最开始,满心欢喜的以为问题很简单,在网上搜了几个正则,在谷歌的调试界面试了一下发现可以。就以为结束了,然而在部分手机发现无法兼容,比如我自己的小米~

下面贴几个比较好检索到的方法。

1.根据空格的ascii码去做一些事情,当然除了粗暴的return false;我们还可以用

returnValue = false

preventDefault();

stopPropagation();

这几个去阻止事件冒泡或阻止事件的默认行为。

/** 

* 禁止空格输入 

* @param e 

* @returns {Boolean} 

*/ 

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; 

2.通过在input上绑定事件 执行正则来做

<input type="text" onkeyup="this.value=this.value.replace(/\s+/g,'')">

3.上面两种都有瑕疵,无法完美的兼容PC与移动,下面写一个更好的方法,就是有点长~

/**

* 限制输入字符长度

* @param elm  元素

* @param characterInterva  字符长度

*/

restrictedCharacter : function ( elmID , characterInterva ) {

var input = document.getElementById(elmID);

var str0 = input.value;

String.prototype.lenB = function () {

return this.replace(/[^\x00-\xff]/g, "**").length;

};

//先判断浏览器是不是万恶的IE,没办法,写的东西也有IE使用者

var bind_name = 'input';

if (navigator.userAgent.indexOf("MSIE") != -1){

        bind_name = 'propertychange';

}

$('#'+elmID).bind(bind_name, function(){

var str = input.value;

if (str.lenB() > characterInterva) {

            input.value = str0;

} else {

            str0 = str

        }

    })

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,230评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,241评论 19 139
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,616评论 1 10
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,417评论 2 17
  • 掌握自己才能掌握财富,自己行为的背后是自己的认知。 感知时间,提升自己对时间的感知,加强对时间的认知。有时间记录工...
    刘冰杰阅读 1,346评论 0 0

友情链接更多精彩内容