Jquery限制文本框只能输入数字（小数点也可以）

最新推荐文章于 2024-02-19 16:43:38 发布

穷的没朋友

最新推荐文章于 2024-02-19 16:43:38 发布

阅读量635

点赞数

分类专栏：有价值的代码技术日志

本文链接：https://blog.csdn.net/yanxianbin1989/article/details/8571244

版权

这篇博客介绍了如何使用jQuery实现一个文本框，使其只接受用户输入的数字和小数点。通过监听键盘事件keydown和在失去焦点时触发blur事件，结合正则表达式来验证并限制输入内容。当输入不符合规定时，将自动恢复为初始值，并给出提示。

摘要由CSDN通过智能技术生成

   $(function() {
            $("input[type='text']").bind('keydown', function(event) {
                var keyCode = event.which;
                if (keyCode == 46 || keyCode == 8 || keyCode == 190 || (keyCode >= 48 && keyCode <= 57) || (keyCode >= 96 && keyCode <= 105) || keyCode == 110) {
                    return true;
                }
                else {
                    return false;
                }
            }).bind('blur', function() {
                var p=/^(0|[1-9]\d*)$|^(0|[1-9]\d*)\.(\d+)$/;//只能输入数字正则表达式
                if ($(this).val() == "") {
                    $(this).val($(this).attr("lang"));
                }
                if (!p.test($(this).val())) {