前言 工作学习中经常能遇到输入框限制输入数字,并且每四位一空格的情况,比如表单中银行卡号,手机号等输入框的限制,这里介绍一下使用js具体的实现方法。不需要引用第三方ui库。 正文 1.input标签的数字输入框 实现结果如下: 这是html标签限制的数字,返回 ...
由于项目上有需求要求输入银行卡号四位一空格的需求,改过好几版发现都有bug,最后优化了一版看起来效果还行,发帖留存。 难点是从中间插入和删除处理光标问题。 首先需要用到获取光标和设置光标的方法。 ...
2017-06-30 15:09 0 1852 推荐指数:
前言 工作学习中经常能遇到输入框限制输入数字,并且每四位一空格的情况,比如表单中银行卡号,手机号等输入框的限制,这里介绍一下使用js具体的实现方法。不需要引用第三方ui库。 正文 1.input标签的数字输入框 实现结果如下: 这是html标签限制的数字,返回 ...
前言 今天来讲讲js中实现input中输入数字,控制每四位加一个空格的方法!这个主要是应用于我们在填写表单的时候,填写银行卡信息,要求我们输入的数字是四位一个空格!今天主要介绍两种方式来实现这个方法!但是都运用到了键盘码。下面我就列举一下键盘码,以备后面查阅! 键盘各按键对应的数字 ...
欧巴教我学习JavaScript的第二天,作为一个脚本绝缘体的我,实现了第一个小插件。 首先分析思路: 1、实时监控输入input框内的值,计算value的长度,当输入到第四个数字后添加一个空格; 2、限制input框内只能输入数字和空格,这个需要用正则表达式来实现比较简单,然后限制输入值得 ...
我们在项目中经常遇到需要格式化的金额数和银行卡号,一般我们常见的有两种表现形式:输入框内格式化和输入框外格式化。这里我主要把我在项目中遇到的输入框内部格式化的,代码亮出来,框外的格式化相对简单一点。 页面代码: <div class="wrap"> <input ...
难点不是插入空格,而是修正光标的位置,这个只支持IE9+ ...
...
一、(校验格式) function CheckBankNo(t_bankno) { var bankno = $.trim(t_bankno); if(bankno == "") { layer.msg("请填写银行卡号 ...