大家好，又见面了，我是你们的朋友全栈君。
有的时候onpropertychange事件一下好用，一下不好用
网上有的说去掉<!DOCTYPE html>就好了，
我试了下，虽然然管用，但doctype是推荐加上的，去掉他有些东西会乱。
如果文本框的样式中有width属性，没有height属性就会出现此问题，不知道是什么原因
<input type=”text” id=”name” name=”name” value=”<c:out value=’${name}’/>” style=”width:150px;” maxlength=”7″ />
解决办法
给样式中有宽度，没有高度的，加上高度。
/**
* 为form中的文本框绑定验证最大长度事件（按字节）
*
* @param fromName
*/
function bindMaxLength(fromName,height){
if(typeof(height) == "undefined"){
height = 16;
}
$("form[name="+fromName+"] input[type=text]").each(function(){
if(typeof ($(this).attr("maxlength"))!="undefined"){
// alert("width"+this.style.width);
// alert("width"+$(this).css("width")); //会取到默认宽度
//解决ie8下onpropertychange事件间歇性失效的问题
if(this.style.width != "" && this.style.height==""){
this.style.height = height+"px";
}
$(this).bind('input propertychange', function() {
var inputLength = this.value.replace(/[^\x00-\xff]/g, 'xxx').length;
var maxlength = parseInt($(this).attr("maxlength"));
if(inputLength > maxlength){
this.value = this.value.subStringByBytes(maxlength);
}
});
}
});
}
subStringByBytes
JS按字节计算字符串长度，按字节截取字符串
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/126379.html原文链接：https://javaforall.net
