Maison > interface Web > js tutoriel > jquery教程限制文本框只能输入数字和小数点示例分享_jquery

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

WBOY
Libérer: 2016-05-16 17:03:57
original
1062 Les gens l'ont consulté

复制代码 代码如下:

$(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名就可以了,类似如下:

复制代码 代码如下:


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal