jQuery控制输入框只能输入数值的小例子


Posted in Javascript onMarch 20, 2013
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
        <script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script>
    </head>
    <script type="text/javascript">
        $(document).ready(function() {
            //敲击按键时触发
            $("#Score").bind("keypress", function(event) {
                var getValue = $(this).val();
                //控制第一个不能输入小数点"."
                if (getValue.length == 0 && event.which == 46) {
                    event.preventDefault();
                    return;
                }
                //控制只能输入一个小数点"."
                if (getValue.indexOf('.') != -1 && event.which == 46) {
                    event.preventDefault();
                    return;
                }
                //控制只能输入的值
                if (event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46) {
                    event.preventDefault();
                    return;
                }
            })
            //失去焦点是触发
            $("#Score").bind("blur", function(event) {
                var value = $(this).val(), reg = /\.$/;
                if (reg.test(value)) {
                    value = value.replace(reg, "");
                    $(this).val(value);
                }
            })
        });
    </script>
    <body>
        <input type="text" id="Score" />
    </body>
</html>
Javascript 相关文章推荐
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
Mar 24 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
Feb 28 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
Mar 25 Javascript
JavaScript中九种常用排序算法
Sep 02 Javascript
JavaScript中的style.cssText使用教程
Nov 06 Javascript
分析了一下JQuery中的extend方法实现原理
Feb 27 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
原生js二级联动效果
Jun 20 Javascript
JS计算两个时间相差分钟数的方法示例
Jan 10 Javascript
在vue里面设置全局变量或数据的方法
Mar 09 Javascript
如何获取vue单文件自身源码路径
May 06 Javascript
vue实现登录功能
Dec 31 Vue.js
jQuery实现id模糊查询的小例子
Mar 19 #Javascript
JS文本框不能输入空格验证方法
Mar 19 #Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 #Javascript
关于scrollLeft,scrollTop的浏览器兼容性测试
Mar 19 #Javascript
input输入框的自动匹配(原生代码)
Mar 19 #Javascript
javascript实现tabs选项卡切换效果(扩展版)
Mar 19 #Javascript
javascript实现tabs选项卡切换效果(自写原生js)
Mar 19 #Javascript
You might like
地球防卫队:陪着奥特曼打小怪兽的人类力量 那些经典队服
2020/03/08 日漫
世界收音机发展史
2021/03/01 无线电
PHP设置进度条的方法
2015/07/08 PHP
PHP工程师VIM配置分享
2015/12/15 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
解析arp病毒背后利用的Javascript技术附解密方法
2007/08/06 Javascript
jQuery+jRange实现滑动选取数值范围特效
2015/03/14 Javascript
Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
2016/07/08 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
2016/07/14 Javascript
JavaScript学习笔记之惰性函数示例详解
2017/08/27 Javascript
AngularJS 教程及实例代码
2017/10/23 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
2019/07/05 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
2021/02/23 Vue.js
[40:48]DOTA2上海特级锦标赛D组败者赛 Liquid VS COL第二局
2016/02/28 DOTA
Python实现二分查找与bisect模块详解
2017/01/13 Python
python常见排序算法基础教程
2017/04/13 Python
Python基于回溯法解决01背包问题实例
2017/12/06 Python
Python把csv数据写入list和字典类型的变量脚本方法
2018/06/15 Python
Python实现输入二叉树的先序和中序遍历,再输出后序遍历操作示例
2018/07/27 Python
Python 实现王者荣耀中的敏感词过滤示例
2019/01/21 Python
对python中UDP,socket的使用详解
2019/08/22 Python
pytorch查看torch.Tensor和model是否在CUDA上的实例
2020/01/03 Python
Python运行DLL文件的方法
2020/01/17 Python
Python线程条件变量Condition原理解析
2020/01/20 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
skyn ICELAND官网:冰岛成分天然护肤品
2020/08/24 全球购物
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
公职人员索取回扣检举信
2014/04/04 职场文书
《红军不怕远征难》教学反思
2014/04/14 职场文书
家长对老师的评语
2014/04/18 职场文书
群众路线个人剖析材料
2014/10/07 职场文书
心术观后感
2015/06/11 职场文书
Django项目配置Memcached和Redis, 缓存选择哪个更有优势
2021/04/06 Python
python numpy中setdiff1d的用法说明
2021/04/22 Python