2 x jax x_jax 于 2016.02.19 13:42 提问

input限制输入框值大小

如标题所述:Jquery怎么现在input type="text" 输入框的值,比如限制最大不能超过10,那么这个框最大只能输入10,输入大于10的默认为10

11个回答

qq_19558705
qq_19558705   Ds   Rxr 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
qq_19558705 回复x_jax: 这就是值的长度。
接近 2 年之前 回复
x_jax
x_jax maxlength是控制输入框的长度吧,我想控制的是输入框的值value
接近 2 年之前 回复
qq_19558705
qq_19558705 回复Roy_Xiong: 那是我项目里面的一句话,直接copy。不好意思让你误会了。
接近 2 年之前 回复
a764340703
a764340703 回复ITDragon龙: maxlength等于10
接近 2 年之前 回复
u011912088
u011912088   2016.02.19 13:57

在input 的 onchange 属性里用JavaScript判断长度是否超出范围,如果超出了就自动只截取范围内的数据,此办法虽可行,但却不是很人性化,因为在输入的时候没有限制最大长度,用户在不知情的情况下输入了一大串的字符,可当他焦点移走的时候却只截取了前面的一部分,如果我是用户,我也会用的很不爽。所以,这个方法也只是下下策。

diaoliwei2
diaoliwei2   Rxr 2016.02.19 14:12

maxlength。或者用js判断

qq_16619037
qq_16619037   2016.02.19 15:02

可以利用html的maxlength 或者用jq给input绑定一个失去焦点的验证事件

Eclipsezhu
Eclipsezhu   2016.02.19 15:09

airwolf123
airwolf123   2016.02.19 15:18

onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength="10"

airwolf123
airwolf123   2016.02.19 15:18

onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength="10"

u011480146
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
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
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);"
使用正则表达式,限制字节数

共11条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!