标签:
#id.getAttribute("data-length");
来判断输入框的限制长度。
2,通过比对输入的长度与输入框的限制长度属性进行比较:
if(输入长度 > 属性长度){ value = value.substr(0,属性长度); //超过长度自动截取 }
HTML代码:
<input type="text" data-length="6" id="limitLength" name="Iname"/>
JavaScript方法:
var maxLength = function(tThis){ var _v = tThis.value.replace(maxRegex,‘‘), //获取输入文本(去除空格) _vLen = _v.length, dataLength = tThis.getAttribute(‘data-length‘), //获取限制长度 dataModel = tThis.getAttribute(‘data-model‘), subLen = dataLength; if(_vLen > dataLength){ tThis.value = _v.substr(0,subLen); //判断长度,超过长度自动截取 } }
完整的javaScript代码:
var limitLength = document.getElementById(‘limitLength‘); var maxRegex = /\s+/g;//去除空格的正则表达式 var maxLength = function(tThis){ var _v = tThis.value.replace(maxRegex,‘‘), //获取输入文本(去除空格) _vLen = _v.length, dataLength = tThis.getAttribute(‘data-length‘), //获取限制长度 dataModel = tThis.getAttribute(‘data-model‘), subLen = dataLength; if(_vLen > dataLength){ tThis.value = _v.substr(0,subLen); //判断长度,超过长度自动截取 } } limitLength.onblur = function(){ maxLength(this); } limitLength.onkeyup = function(){ maxLength(this); } limitLength.onfocus = function(){ maxLength(this); }
如果您感兴趣,请点一下推荐额,谢谢!
扫码关注微信公众号:
标签:
原文地址:http://www.cnblogs.com/White-Quality/p/5518666.html