限制只能输入数字的实现代码
2016-05-16 16:07
771 查看
当我们在一些网站注册账号、填写信息是,不小心将电话号码填写成汉字或其他英文字母了,这显然是不正确的。为了帮助用户更好地纠正输入时的错误,在表单中填写信息时,需要限制手机号、邮编、电话号码这类文本框不能输入其他字符,只能是数字。
通过使用正则匹配输入的时候只是数字:
var numRegex = /\D/g再通过JavaScript的
onblur 事件:
定义和用法
onblur 事件会在对象失去焦点时发生。
Onblur 经常用于Javascript验证代码,一般用于表单输入框
语法
HTML 中:
<element onblur="SomeJavaScriptCode">
JavaScript 中:
object.onblur= function(){ //操作 myScript; }
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener('blur',myScript);
最终DEMO代码:
var numRegexFn = function(obj){ obj.value = obj.value.replace(numRegex,''); if(!obj.value){ alert('请输入数字'); }else{ alert('pass'); } } phone.onblur = function(){ numRegexFn(this); }
以上这篇限制只能输入数字的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 输入法的一些小技巧
- Flash简单加密 限制 Flash 在指定域名/网址中播放的方法
- 浏览器 cookie 限制
- C#实现按照指定长度在数字前补0方法小结
- Lua中数字for循环实例
- C#实现将千分位字符串转换成数字的方法
- 阿拉伯数字转大写中文_财务常用sql存储过程
- C# 正则判断一个数字的格式是否有逗号的代码
- Sql Server中存储过程中输入和输出参数(简单实例 一看就懂)
- C#、ASP.NET通用工具类IsWhat?(可以判断数字、身份证、数据类型等等)
- access的备注字段限制64K
- C#实现的SN快速输入工具实例
- SQL字符串以及数字常用操作汇总
- C++实现将输入复制到输出的方法
- C++实现数字转换为十六进制字符串的方法
- php限制ip地址范围的方法
- php获取四位字母和数字的随机数的实现方法
- PHP 数字左侧自动补0
- 在ASP.NET 2.0中操作数据之二十三:基于用户对修改数据进行限制
- 基于.Net中的数字与日期格式化规则助记词的使用详解