 
$("#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-serialize()輸出序列化form表單值的方法
jQuery-serialize()輸出序列化表單值在工作中很常見(jiàn)也很實(shí)用，于是本人搜集整理了一些，需要了解的朋友可以詳細(xì)參考下
2012-12-12
jQuery中table數(shù)據(jù)的值拷貝和拆分
在開(kāi)發(fā)的過(guò)程中，經(jīng)常會(huì)遇到彈出框顯示前一頁(yè)table列表的情況，這時(shí)候會(huì)有好多方法來(lái)來(lái)解決。下面小編給大家介紹怎么用jquery將值拷貝到第二頁(yè)并拆分拷貝的值，需要的朋友參考下
2017-03-03
jQuery div拖拽用法實(shí)例
這篇文章主要介紹了jQuery div拖拽用法,以完整實(shí)例形式分析了jQuery結(jié)合UI插件實(shí)現(xiàn)拖拽功能的相關(guān)技巧,需要的朋友可以參考下
2016-01-01
jQuery+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
Jquery簡(jiǎn)單分頁(yè)實(shí)現(xiàn)方法
這篇文章主要介紹了Jquery簡(jiǎn)單分頁(yè)實(shí)現(xiàn)方法,實(shí)例分析了jquery分頁(yè)的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
jquery圖片延遲加載前端開(kāi)發(fā)技能必備系列
在網(wǎng)上經(jīng)常會(huì)看到一些很長(zhǎng)的網(wǎng)頁(yè)會(huì)延遲加載其中的圖片，我認(rèn)為這是一種按需分配的做法，網(wǎng)頁(yè)只為那些想繼續(xù)瀏覽網(wǎng)頁(yè)的人加載后面的圖片，在不影響用戶體驗(yàn)的前提下，最大程度地減少服務(wù)器負(fù)擔(dān)和流量
2012-06-06
jQuery實(shí)現(xiàn)計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-10-10
原生javascript實(shí)現(xiàn)的分頁(yè)插件pagenav
這幾天要做一個(gè)前臺(tái)頁(yè)面,涉及到分頁(yè),不想自己去寫所以在網(wǎng)上找jquery看有沒(méi)有好用一點(diǎn)的分頁(yè)組件,結(jié)果發(fā)現(xiàn)有很多,但是都很麻煩,看到了這個(gè)叫pagenav的發(fā)現(xiàn)相對(duì)來(lái)說(shuō)還是很容易上手的,于是就直接用了,在我看來(lái),能解決問(wèn)題的辦法就是好辦法.越簡(jiǎn)單越好.
2014-08-08
基于jQuery代碼實(shí)現(xiàn)圓形菜單展開(kāi)收縮效果
jquery圓形菜單展開(kāi)收縮效果是基于jquery和css3實(shí)現(xiàn)的，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下
2017-02-02
jQuery簡(jiǎn)單實(shí)現(xiàn)禁用右鍵菜單
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)禁用右鍵菜單的方法，非常的簡(jiǎn)單實(shí)用，這里分享給大家，有需要的小伙伴直接拿走使用。
2015-03-03