js限制輸入框字數

2021-07-31 15:40:48 字數 2203 閱讀 2633

由於需要用到限制輸入框的字數

然後就到網上找了一段**,可以用,但是發現有問題,不能輸入超過限制的字元,這樣就不能忍了。

拼音輸入法的時候字還沒打完就被限制了。

於是我就改良了一下,注釋的是原**,沒注釋的是我改良後的**。

限 6 個字元  已輸入 0

個字

* 2017/6/17 更新

用的時候發現乙個bug,就是輸入法輸入的時候,顯示超出設定字數時進行截圖或者其他操作,操作完後,不會自動擷取文字。所以來修補一下。

//---------------------------------------方法一------------------------------------------

在dom上加onblur事件,輸入框失去焦點時再擷取一次。

function onsubstring();

};

//---------------------------------------方法二------------------------------------------

還有乙個jquery解決辦法,同樣的解決方式只是**是jquery

$('#praisename').blur(function() ;

});

* 2017/6/28 更新

由於需要驗證去除空格,我用到了jquery的$.trim()方法,去除輸入的文字前後空格,基本滿足要求。

$('#praisename').blur(function() else;

});

多次使用:

$("#xx").blur(function());

$("#xx").blur(function());

//驗證輸入框字串

function blurlength(t, n, l)else;

}

* 2017/10/11 更新

新的需求,需要在輸入時判斷只能輸入數字和小數點。並且小數點後只保留兩位

var lims = new limit();  

lims.txtnote = document.getelementbyid("diningprice");

lims.txtlimit = document.getelementbyid("diningpricenum");

lims.limitcount = 5;

lims.mark = 1;

lims.init();

function limit()

txtlimit.innertext = txtnote.value.length;

};

txtnote.onkeyup = function()

txtlimit.innertext = txtnote.value.length;

};

} }

//過濾除數字和點外的其他輸入內容

function clearnonum(obj)/g,"."); //只保留第乙個. 清除多餘的

obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");

obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能輸入兩個小數

if(obj.value.indexof(".")< 0 && obj.value !="")

}

限制只能輸入中文、英文和數字

function limit();  

txtnote.onkeyup = function();

} }

如果發現匯入後還是沒用,就把js檔案放到頁面最後、前面,並且jquery檔案在最前面的乙個。

textarea 輸入框限制字數

在textarea標籤中,只需要設定maxlength 即可,但是在textarea標籤中,ie9及ie9以下瀏覽器是不支援的,ie10 ie11則支援,估計後續的版本應該都會支援。現在來說下怎麼讓大部分ie版本都支援textarea 標籤限制字數。第一種方法 這樣子即可。備註 onchange o...

輸入框限制

web 前端專案,經常會遇到輸入控制項只能輸入漢字,字母或者數字等等,本文介紹了一種簡單的方法。比如只能輸入字母,則在你輸入的時候進行判斷,如果你輸入的是數字,則會把數字自動的替換為空,優點是 簡潔,不需要考慮很多狀況,缺點是介面輸入不夠友好。輸入字母或者數字的時候,有必要將輸入法進行限制。styl...

輸入框限制

1.文字框只能輸入數字 小數點也不能輸入 2.只能輸入數字,能輸小數點.3.數字和小數點方法二 4.只能輸入字母和漢字 5.只能輸入英文本母和數字,不能輸入中文 6.只能輸入數字和英文chun 7.小數點後只能有最多兩位 數字,中文都可輸入 不能輸入字母和運算符號 57 event.keycode ...