由於需要用到限制輸入框的字數
然後就到網上找了一段**,可以用,但是發現有問題,不能輸入超過限制的字元,這樣就不能忍了。
拼音輸入法的時候字還沒打完就被限制了。
於是我就改良了一下,注釋的是原**,沒注釋的是我改良後的**。
限 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 ...