欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間: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ù)點也屏蔽掉了
復制代碼 代碼如下:

$("#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就可以實現(xiàn)。
如果很嚴格的話,可以再追加上禁止粘貼與拖拽。
禁止粘貼與拖拽實現(xiàn)方法
文本框禁止拖拽和粘貼

在css中實現(xiàn)文本框禁止拖拽和粘貼的功能

建立一個Css,如下:
復制代碼 代碼如下:

.TextBox_NotDragpaste

{
ondragenter:expression(ondragenter=function(){return false;});
onpaste:expression(onpaste=function(){return false;});
}

如果還需要禁止輸入中文的功能只需要多加一個語句即可。

如下:
復制代碼 代碼如下:

.TextBox_NotDragpaste

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

相關(guān)文章

  • jQuery-serialize()輸出序列化form表單值的方法

    jQuery-serialize()輸出序列化form表單值的方法

    jQuery-serialize()輸出序列化表單值在工作中很常見也很實用,于是本人搜集整理了一些,需要了解的朋友可以詳細參考下
    2012-12-12
  • jQuery中table數(shù)據(jù)的值拷貝和拆分

    jQuery中table數(shù)據(jù)的值拷貝和拆分

    在開發(fā)的過程中,經(jīng)常會遇到彈出框顯示前一頁table列表的情況,這時候會有好多方法來來解決。下面小編給大家介紹怎么用jquery將值拷貝到第二頁并拆分拷貝的值,需要的朋友參考下
    2017-03-03
  • jQuery div拖拽用法實例

    jQuery div拖拽用法實例

    這篇文章主要介紹了jQuery div拖拽用法,以完整實例形式分析了jQuery結(jié)合UI插件實現(xiàn)拖拽功能的相關(guān)技巧,需要的朋友可以參考下
    2016-01-01
  • jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法(附源碼)

    jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法(附源碼)

    這篇文章主要介紹了jQuery+jsp下拉框聯(lián)動獲取本地數(shù)據(jù)的方法,以實例形式較為詳細的分析了jQuery結(jié)合jsp實現(xiàn)下拉聯(lián)動菜單讀取本地數(shù)據(jù)的相關(guān)技巧,并附帶了完整源碼供讀者下載參考,需要的朋友可以參考下
    2015-12-12
  • Jquery簡單分頁實現(xiàn)方法

    Jquery簡單分頁實現(xiàn)方法

    這篇文章主要介紹了Jquery簡單分頁實現(xiàn)方法,實例分析了jquery分頁的相關(guān)實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-07-07
  • jquery圖片延遲加載 前端開發(fā)技能必備系列

    jquery圖片延遲加載 前端開發(fā)技能必備系列

    在網(wǎng)上經(jīng)常會看到一些很長的網(wǎng)頁會延遲加載其中的圖片,我認為這是一種按需分配的做法,網(wǎng)頁只為那些想繼續(xù)瀏覽網(wǎng)頁的人加載后面的圖片,在不影響用戶體驗的前提下,最大程度地減少服務器負擔和流量
    2012-06-06
  • jQuery實現(xiàn)計算器功能

    jQuery實現(xiàn)計算器功能

    這篇文章主要為大家詳細介紹了jQuery實現(xiàn)計算器功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-10-10
  • 原生javascript實現(xiàn)的分頁插件pagenav

    原生javascript實現(xiàn)的分頁插件pagenav

    這幾天要做一個前臺頁面,涉及到分頁,不想自己去寫所以在網(wǎng)上找jquery看有沒有好用一點的分頁組件,結(jié)果發(fā)現(xiàn)有很多,但是都很麻煩,看到了這個叫pagenav的發(fā)現(xiàn)相對來說還是很容易上手的,于是就直接用了,在我看來,能解決問題的辦法就是好辦法.越簡單越好.
    2014-08-08
  • 基于jQuery代碼實現(xiàn)圓形菜單展開收縮效果

    基于jQuery代碼實現(xiàn)圓形菜單展開收縮效果

    jquery圓形菜單展開收縮效果是基于jquery和css3實現(xiàn)的,非常不錯,具有參考借鑒價值,需要的的朋友參考下
    2017-02-02
  • jQuery簡單實現(xiàn)禁用右鍵菜單

    jQuery簡單實現(xiàn)禁用右鍵菜單

    這篇文章主要介紹了jQuery簡單實現(xiàn)禁用右鍵菜單的方法,非常的簡單實用,這里分享給大家,有需要的小伙伴直接拿走使用。
    2015-03-03

最新評論