html限制文本框只能输入数字和一个小数点
近期在做一个前台页面,有一个文本框是用来输入充值金额的,就想到了限制用户只能输入纯数字的数据且只能包含一个小数点。下面就是我实现的代码
$(function() {
    //阻止数字键以外的按键输入
    $("#zf_money").keydown(function(e) {
        digitInput($(this),e);
    });
    function prevent(e) {
        e.preventDefault?e.preventDefault():e.returnValue=false;
    };
    function digitInput(el,e) {
        var e=e||window.event; // FF、Chrome IE下获取事件对象
        var c=e.charCode||e.keyCode; //FF、Chrome IE下获取键盘码
        var val=el.val();
        if(c==110||c==190) { // 110 (190) - 小(主)键盘上的点
            (val.indexOf(".")>=0||!val.length)&&prevent(e); // 已有小数点或者文本框为空,不允许输入点
        } else {
            if((c!=8&&c!=46&& // 8 - Backspace, 46 - Delete
            (c<37||c>40)&& // 37 (38) (39) (40) - Left (Up) (Right) (Down) Arrow
            (c<48||c>57)&& // 48~57 - 主键盘上的0~9
            (c<96||c>105)) // 96~105 - 小键盘的0~9
            ||e.shiftKey) { // Shift键,对应的code为16
                prevent(e); // 阻止事件传播到keypress
            }
        }
    };
});
注:$("#zf_money").keydown根据文本框id来设置键盘的keydown事件,根据实际文本框的Id值来设置
html限制文本框只能输入数字和一个小数点的更多相关文章
- html input 文本框 只能输入数字,包含输小数点.
		<input type="text" id="source_tds" name="source_tds" value="&l ... 
- js限制文本框只能输入数字方法小结
		有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字.小数点.英文字母.汉字等代码. 例如,输入大于0的正整数 代码如下: <input onkeyup="i ... 
- js限制文本框只能输入数字方法小结(转)
		这篇文章主要分享下js代码限制文本框中只能输入数字的多个实例,学习下js控制文本框中输入数字的方法,需要的朋友可以参考下 有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数 ... 
- C# 使用js正则表达式,让文本框只能输入数字和字母,最大长度5位
		使用js正则表达式,让文本框只能输入数字和字母,最大长度5位,只需要加个onkeyup事件,即可简单实现 <asp:TextBox ID="txtBegin" runat=& ... 
- 用Jquery控制文本框只能输入数字和字母
		用Jquery控制文本框只能输入数字和字母 $.fn.onlyNum = function () { $(this).keypress(function (event) { var eventObj ... 
- js限制文本框只能输入数字
		JS判断只能是数字和小数点1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'') ... 
- 监听SWT文本框只能输入数字
		在SWT开发中,很多时候需要文本框只能输入数字(当输入字母或者其他字符时为无效),这个时候需要给文本框设置监听VerifyListener, code 如下: text.addVerifyListen ... 
- JQuery 限制文本框只能输入数字和小数点
		$(function(){ /*JQuery 限制文本框只能输入数字*/ $(".NumText").keyup(function(){ $(this).val($(this).v ... 
- js设置文本框只能输入数字
		JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'' ... 
随机推荐
- java  两行代码解析json文件
			public void JsonRead() throws IOException{ String str = FileUtils.readFileToString(new File("D: ... 
- shell中脚本与函数的使用策略
			脚本:运行的副作用不影响父环境,开辟了fork子进程; 函数:副作用,定义的变量,数据默认直接添加到了调用者的环境,也是它自己的环境;不想副作用影响调用者环境,就必须主动用local修饰; shell ... 
- CC2640蓝牙芯片开发备记
			server ,characteristic UUID ,handle sever ,一个工程里可以有多个服务,按键服务,心率计服务,马达服务. characteristic , 一个服务可以有多个的 ... 
- mysql  存储 2
			mysql> create database db1; mysql> use db1; mysql> create table PLAYERS as select * from TE ... 
- java基础继承
			为什么用继承: 因为继承可以减少代码的冗余,提高维护性,为了从根本上解决存在的问题,就需要继承,就是将多个类当中的相同的地方提取到一个父类当中.父类更通用,子类更具体. 父类的继承格式 语法:publ ... 
- 工具类:mybatis中使用Threadlocal开启session及关闭session
			1.线程容器,给线程绑定一个Object 内容,后只要线程不变,可以随时取出. 1.1 改变线程,无法取出内容. final ThreadLocal threadLocal = new ThreadL ... 
- eclipse使用技巧心得分享
			eclipse使用技巧心得分享 习惯了eclipse开发java程序,公司最近的项目都是idea开发的,同时android studio也是idea原型开发的,在学android开发,所以脱离ec ... 
- AC, FVOCI, FVPL
			IFRS9 会计新准则中规定了资产划分依据为合同现金流特征及业务模式. 关键词:资产负债表,利润表,损益,利率风险 AC账户: 为收取合同约定的现金流.持有到期业务. 资产在持有期内不变,使用摊余成本 ... 
- python从零开始 -- 第2篇之python版本差异
			python从零开始 -- 第2篇之python版本差异 第0篇开始,咱们就说选择 python 3.x,一般来说,咱们面临选择的时候总是想了解更多一点,并且版本之间的对比能引申出很多有意思的故事和知 ... 
- 《Java编程思想》读书笔记-类与对象
			欢迎各位读者关注我的微信公众号,共同探讨Java相关技术.生命不止,学习不休! 也许你慢慢地对程序有了这样的认识:程序只是一些列带有方法的对象的组合,这些方法以其它对象为参数,可在任何地方返回,并发送 ... 
