App下載

關于input框 限制輸入長度記錄

猿友 2021-01-11 10:53:03 瀏覽數(shù) (4059)
反饋

問題描述:input輸入框長度限制&非正則表達式

方式一

type = "number"  -> 輸入類型
?
oninput ->{
?
oninput 事件在用戶輸入時觸發(fā)。
?
該事件在 <input> 或 <textarea> 元素的值發(fā)生改變時觸發(fā)。
?
提示: 該事件類似于 onchange 事件。不同之處在于 oninput 事件在元素值發(fā)生變化是立即觸發(fā), onchange 在元素失去焦點時觸發(fā)。另外一點不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素
?
}
value.slice(start,end)
?
return ' <input type="number" value="'+value+'" οninput="if(value.length>16)value=value.slice(0,3)" />';
參數(shù) 描述
start 必需。規(guī)定從何處開始選取。如果是負數(shù),那么它規(guī)定從數(shù)組尾部開始算起的位置。也就是說,-1 指最后一個元素,-2 指倒數(shù)第二個元素,以此類推。
end 可選。規(guī)定從何處結束選取。該參數(shù)是數(shù)組片斷結束處的數(shù)組下標。如果沒有指定該參數(shù),那么切分的數(shù)組包含從 start 到數(shù)組結束的所有元素。如果這個參數(shù)是負數(shù),那么它規(guī)定的是從數(shù)組尾部開始算起的元素。

注:如果 end 未被規(guī)定,那么 slice() 方法會選取從 start 到數(shù)組結尾的所有元素。

具體用法請自行前往官網(wǎng)學習!

方式二

maxlength屬性 ->
{
maxlength 屬性規(guī)定輸入字段的最大長度,以字符個數(shù)計。
?
maxlength 屬性與 <input type="text"> 或 <input type="password"> 配合使用
}
return ' <input type="number" value="'+value+'" maxlength = “長度” />';


1 人點贊