cari

Rumah  >  Artikel  >  hujung hadapan web  >  jquery教程限制文本框只能输入数字和小数点示例分享_jquery

jquery教程限制文本框只能输入数字和小数点示例分享_jquery

WBOY
WBOYasal
2016-05-16 17:03:571044semak imbas

复制代码 代码如下:

$(function(){    
            /*JQuery 限制文本框只能输入数字*/ 
            $(".NumText").keyup(function(){   
                    $(this).val($(this).val().replace(/\D|^0/g,'')); 
                }).bind("paste",function(){  //CTR+V事件处理   
                    $(this).val($(this).val().replace(/\D|^0/g,''));    
                }).css("ime-mode", "disabled"); //CSS设置输入法不可用   

            /*JQuery 限制文本框只能输入数字和小数点*/ 
            $(".NumDecText").keyup(function(){   
                    $(this).val($(this).val().replace(/[^0-9.]/g,''));   
                }).bind("paste",function(){  //CTR+V事件处理   
                    $(this).val($(this).val().replace(/[^0-9.]/g,''));    
                }).css("ime-mode", "disabled"); //CSS设置输入法不可用   
        }); 

然后给需要验证的文本框加上class名就可以了，类似如下：

复制代码 代码如下:


Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery操作cookie插件分享_jqueryArtikel seterusnya：js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)_javascript技巧

Artikel berkaitan

Lihat lagi