基于jquery的設(shè)置頁面文本框 只能輸入數(shù)字的實(shí)現(xiàn)代碼
更新時(shí)間:2011年04月19日 23:38:13 作者:
之前寫過的方法有缺陷,可以輸入空格?,F(xiàn)在將空格也屏蔽了。就是在之前的代碼里加入了過濾空格的功能。
代碼如下:
$("#money").bind("propertychange",function() {
if(""!=this.value){
var str = this.value.replace(/(^\s*)|(\s*$)/g, "");
if(this.value != str )
this.value = str;
}
if( isNaN(Number(this.value)))
this.value = this.value.replace(/[\D]/,'');
});
這里使用了JQuery綁定到id為money的文本框的onpropertychange事件上。
下面的代碼連小數(shù)點(diǎn)也屏蔽掉了
$("#phone").bind("propertychange", function() {
if(""!=this.value){
var str = this.value.replace(/(^\s*)|(\s*$)/g, "");
if(this.value != str )
this.value = str;
}
if (this.value.indexOf('.') != -1) {
this.value = this.value.replace(/[\.]/, '');
this.focus(); }
if (isNaN(Number(this.value))) {
this.value = ($.trim(this.value)).replace(/[\D]/, '');
this.focus(); } });
最后,最好將輸入法屏蔽掉。 通過css,ime-mode:disabled就可以實(shí)現(xiàn)。
如果很嚴(yán)格的話,可以再追加上禁止粘貼與拖拽。
禁止粘貼與拖拽實(shí)現(xiàn)方法
文本框禁止拖拽和粘貼
在css中實(shí)現(xiàn)文本框禁止拖拽和粘貼的功能
建立一個(gè)Css,如下:
.TextBox_NotDragpaste
{
ondragenter:expression(ondragenter=function(){return false;});
onpaste:expression(onpaste=function(){return false;});
}
如果還需要禁止輸入中文的功能只需要多加一個(gè)語句即可。
如下:
.TextBox_NotDragpaste
{
ime-mode:disabled;
ondragenter:expression(ondragenter=function(){return false;});
onpaste:expression(onpaste=function(){return false;});
}
復(fù)制代碼 代碼如下:
$("#money").bind("propertychange",function() {
if(""!=this.value){
var str = this.value.replace(/(^\s*)|(\s*$)/g, "");
if(this.value != str )
this.value = str;
}
if( isNaN(Number(this.value)))
this.value = this.value.replace(/[\D]/,'');
});
這里使用了JQuery綁定到id為money的文本框的onpropertychange事件上。
下面的代碼連小數(shù)點(diǎn)也屏蔽掉了
復(fù)制代碼 代碼如下:
$("#phone").bind("propertychange", function() {
if(""!=this.value){
var str = this.value.replace(/(^\s*)|(\s*$)/g, "");
if(this.value != str )
this.value = str;
}
if (this.value.indexOf('.') != -1) {
this.value = this.value.replace(/[\.]/, '');
this.focus(); }
if (isNaN(Number(this.value))) {
this.value = ($.trim(this.value)).replace(/[\D]/, '');
this.focus(); } });
最后,最好將輸入法屏蔽掉。 通過css,ime-mode:disabled就可以實(shí)現(xiàn)。
如果很嚴(yán)格的話,可以再追加上禁止粘貼與拖拽。
禁止粘貼與拖拽實(shí)現(xiàn)方法
文本框禁止拖拽和粘貼
在css中實(shí)現(xiàn)文本框禁止拖拽和粘貼的功能
建立一個(gè)Css,如下:
復(fù)制代碼 代碼如下:
.TextBox_NotDragpaste
{
ondragenter:expression(ondragenter=function(){return false;});
onpaste:expression(onpaste=function(){return false;});
}
如果還需要禁止輸入中文的功能只需要多加一個(gè)語句即可。
如下:
復(fù)制代碼 代碼如下:
.TextBox_NotDragpaste
{
ime-mode:disabled;
ondragenter:expression(ondragenter=function(){return false;});
onpaste:expression(onpaste=function(){return false;});
}
您可能感興趣的文章:
- jquery 輸入框數(shù)字限制插件
- jquery判斷字符輸入個(gè)數(shù)(數(shù)字英文長度記為1,中文記為2,超過長度自動(dòng)截?。?/a>
- jquery限定文本框只能輸入數(shù)字即整數(shù)和小數(shù)
- jquery教程限制文本框只能輸入數(shù)字和小數(shù)點(diǎn)示例分享
- jquery禁止輸入數(shù)字以外的字符的示例(純數(shù)字驗(yàn)證碼)
- 3種Jquery限制文本框只能輸入數(shù)字字母的方法
- jquery限定文本框只能輸入數(shù)字(整數(shù)和小數(shù))
- 基于jQuery實(shí)現(xiàn)文本框只能輸入數(shù)字(小數(shù)、整數(shù))
- jQuery實(shí)現(xiàn)只允許輸入數(shù)字和小數(shù)點(diǎn)的方法
- jQuery控制文本框只能輸入數(shù)字和字母及使用方法
- jquery輸入數(shù)字隨機(jī)抽獎(jiǎng)特效的簡單實(shí)現(xiàn)代碼
- jQuery使用正則表達(dá)式限制文本框只能輸入數(shù)字
相關(guān)文章
jQuery-serialize()輸出序列化form表單值的方法
jQuery-serialize()輸出序列化表單值在工作中很常見也很實(shí)用,于是本人搜集整理了一些,需要了解的朋友可以詳細(xì)參考下2012-12-12jQuery中table數(shù)據(jù)的值拷貝和拆分
在開發(fā)的過程中,經(jīng)常會(huì)遇到彈出框顯示前一頁table列表的情況,這時(shí)候會(huì)有好多方法來來解決。下面小編給大家介紹怎么用jquery將值拷貝到第二頁并拆分拷貝的值,需要的朋友參考下2017-03-03jQuery+jsp下拉框聯(lián)動(dòng)獲取本地?cái)?shù)據(jù)的方法(附源碼)
這篇文章主要介紹了jQuery+jsp下拉框聯(lián)動(dòng)獲取本地?cái)?shù)據(jù)的方法,以實(shí)例形式較為詳細(xì)的分析了jQuery結(jié)合jsp實(shí)現(xiàn)下拉聯(lián)動(dòng)菜單讀取本地?cái)?shù)據(jù)的相關(guān)技巧,并附帶了完整源碼供讀者下載參考,需要的朋友可以參考下2015-12-12原生javascript實(shí)現(xiàn)的分頁插件pagenav
這幾天要做一個(gè)前臺(tái)頁面,涉及到分頁,不想自己去寫所以在網(wǎng)上找jquery看有沒有好用一點(diǎn)的分頁組件,結(jié)果發(fā)現(xiàn)有很多,但是都很麻煩,看到了這個(gè)叫pagenav的發(fā)現(xiàn)相對(duì)來說還是很容易上手的,于是就直接用了,在我看來,能解決問題的辦法就是好辦法.越簡單越好.2014-08-08基于jQuery代碼實(shí)現(xiàn)圓形菜單展開收縮效果
jquery圓形菜單展開收縮效果是基于jquery和css3實(shí)現(xiàn)的,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下2017-02-02