DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 基於jquery的設置頁面文本框 只能輸入數字的實現代碼
基於jquery的設置頁面文本框 只能輸入數字的實現代碼
編輯:JQuery特效代碼     
代碼如下:
代碼如下:
$("#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事件上。
下面的代碼連小數點也屏蔽掉了
代碼如下:
$("#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就可以實現。
如果很嚴格的話,可以再追加上禁止粘貼與拖拽。
禁止粘貼與拖拽實現方法
文本框禁止拖拽和粘貼

在css中實現文本框禁止拖拽和粘貼的功能

建立一個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;});
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved