x_jax 于 2016.02.19 13:42 提问
- input限制输入框值大小
-
如标题所述：Jquery怎么现在input type="text" 输入框的值，比如限制最大不能超过10，那么这个框最大只能输入10，输入大于10的默认为10
-
-
qq_19558705
2016.02.19 14:04
- 已采纳
html不是有一个maxlength么？可以不用jquery做到。
仅供参考：
<input class="form-control required" type="text" placeholder="Username" name="username" autofocus="autofocus" maxlength="20"/>
-
- qq_19558705 回复x_jax: 这就是值的长度。
- 2 年多之前 回复
-
- qq_19558705 回复Roy_Xiong: 那是我项目里面的一句话，直接copy。不好意思让你误会了。
- 2 年多之前 回复
-
- a764340703 回复ITDragon龙: maxlength等于10
- 2 年多之前 回复
-
- u011912088 2016.02.19 13:57
在input 的 onchange 属性里用JavaScript判断长度是否超出范围，如果超出了就自动只截取范围内的数据，此办法虽可行，但却不是很人性化，因为在输入的时候没有限制最大长度，用户在不知情的情况下输入了一大串的字符，可当他焦点移走的时候却只截取了前面的一部分，如果我是用户，我也会用的很不爽。所以，这个方法也只是下下策。
-
-
diaoliwei2
2016.02.19 14:12
maxlength。或者用js判断
-
- qq_16619037 2016.02.19 15:02
可以利用html的maxlength 或者用jq给input绑定一个失去焦点的验证事件
-
- Eclipsezhu 2016.02.19 15:09
-
- airwolf123 2016.02.19 15:18
onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength="10"
-
- airwolf123 2016.02.19 15:18
onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength="10"
-
- u011480146 2016.02.19 15:38
/**
- 限制正副標題字節數 / function limitByte(obj){ var len = obj.value.replace(/[^\x00-\xff]/g, "*").length; if(len > 28){ alert("请輸入小於等於28个字節的字符,當前輸入長度為"+len+",已超出限制"+(len-28)+"個字符!"); obj.focus(); //加上这句 } }
输入框处
使用正则表达式,限制字节数
-
- u011480146 2016.02.19 15:43
/**
限制正副標題字節數 / function limitByte(obj){ var len = obj.value.replace(/[^\x00-\xff]/g, "*").length; if(len > 28){ alert("请輸入小於等於28个字節的字符,當前輸入長度為"+len+",已超出限制"+(len-28)+"個字符!"); obj.focus(); //加上这句 } }
输入框处
使用正则表达式,限制字节数
-
- u011480146 2016.02.19 15:47
function limitByte(obj){ var len = obj.value.replace(/[^\x00-\xff]/g, "*").length; if(len > 28){ alert("请輸入小於等於28个字節的字符,當前輸入長度為"+len+",已超出限制"+(len-28)+"個字符!"); obj.focus(); } }
输入框处
onblur="limitByte(this);"
使用正则表达式,限制字节数