基于jquery的設(shè)置頁(yè)面文本框只能輸入數(shù)字的實(shí)現(xiàn)代碼

更新時(shí)間：2011年04月19日 23:38:13 作者：

之前寫過(guò)的方法有缺陷，可以輸入空格?，F(xiàn)在將空格也屏蔽了。就是在之前的代碼里加入了過(guò)濾空格的功能。

代碼如下：

 
$("#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(); } }); 

最后，最好將輸入法屏蔽掉。通過(guò)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è)語(yǔ)句即可。

如下：

復(fù)制代碼代碼如下:

 
.TextBox_NotDragpaste 

{ 
ime-mode:disabled; 
ondragenter:expression(ondragenter=function(){return false;}); 
onpaste:expression(onpaste=function(){return false;}); 
} 

您可能感興趣的文章:

相關(guān)文章

jquery Validation表單驗(yàn)證使用詳解
功能強(qiáng)大的 jquery 表單驗(yàn)證插件，適用于日常的 E-mail、電話號(hào)碼、網(wǎng)址等驗(yàn)證及 Ajax 驗(yàn)證，除自身?yè)碛胸S富的驗(yàn)證規(guī)則外，還可以添加自定義的驗(yàn)證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+
2015-04-04
jQuery實(shí)現(xiàn)滑動(dòng)星星評(píng)分效果(每日分享)
jQuery星星評(píng)分制作5顆星星鼠標(biāo)滑過(guò)評(píng)分打分效果，可取消評(píng)分結(jié)果，重新打分。下面通過(guò)代碼給大家講解的非常詳細(xì)，需要的的朋友參考下
2019-11-11
jQuery實(shí)現(xiàn)的背景動(dòng)態(tài)變化導(dǎo)航菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的背景動(dòng)態(tài)變化導(dǎo)航菜單效果,涉及jquery頁(yè)面元素背景動(dòng)態(tài)變換的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-08-08
jQuery簡(jiǎn)單實(shí)現(xiàn)對(duì)數(shù)組去重及排序操作實(shí)例
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)對(duì)數(shù)組去重及排序操作,結(jié)合實(shí)例形式分析了jQuery中unique方法進(jìn)行數(shù)組去重及sort方法排序的相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
jQuery基于隨機(jī)數(shù)解決中午吃什么去哪吃問(wèn)題示例
這篇文章主要介紹了jQuery基于隨機(jī)數(shù)解決中午吃什么去哪吃問(wèn)題,涉及jQuery基于事件響應(yīng)及隨機(jī)數(shù)動(dòng)態(tài)操作頁(yè)面元素相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-12-12
jQuery中nextUntil()方法用法實(shí)例
這篇文章主要介紹了jQuery中nextUntil()方法用法,實(shí)例分析了nextUntil()方法的功能、定義及匹配同輩元素的技巧與注意事項(xiàng),需要的朋友可以參考下
2015-01-01
jquery判斷元素是否隱藏的多種方法
這篇文章主要介紹了jquery判斷元素是否隱藏的多種方法,本文總結(jié)了多種判斷方法實(shí)例,需要的朋友可以參考下
2014-05-05
jQuery Datatables表頭不對(duì)齊的解決辦法
這篇文章主要為大家詳細(xì)介紹了jQuery Datatables表頭不對(duì)齊的解決辦法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
jQuery提交多個(gè)表單的小例子
這篇文章介紹了jQuery提交多個(gè)表單的小例子，有需要的朋友可以參考一下
2013-06-06
jQuery旋轉(zhuǎn)插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
網(wǎng)上發(fā)現(xiàn)一個(gè)很有意思的jQuery旋轉(zhuǎn)插件，支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome，高級(jí)瀏覽器下使用Transform，低版本ie使用VML實(shí)現(xiàn),感興趣的朋友可以了解下
2013-01-01