限制只能输入数字的实现代码
当我们在一些网站注册账号、填写信息是,不小心将电话号码填写成汉字或其他英文字母了,这显然是不正确的。为了帮助用户更好地纠正输入时的错误,在表单中填写信息时,需要限制手机号、邮编、电话号码这类文本框不能输入其他字符,只能是数字。
通过使用正则匹配输入的时候只是数字:
var numRegex = /\D/g再通过JavaScript的
onblur 事件:
定义和用法onblur 事件会在对象失去焦点时发生。
Onblur 经常用于Javascript验证代码,一般用于表单输入框
语法
HTML 中:
JavaScript 中:
object.οnblur= 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);
}
以上这篇限制只能输入数字的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。相关阅读:
java三个环境变量配置简单教程
win7音频服务未运行导致播放视频没声音的解决办法
win10怎么配置添加拨号连接?如何设置PPPoE拨号连接?
php读取文件内容的方法汇总
Ajax+asp.net实现用户登陆
php源代码安装常见错误与解决办法分享
自己简单封装的一个CDialog类实例
JavaScript获取一个范围内日期的方法
Win10设置桌面快速显示我的电脑图标以便对电脑进行快捷操作
详解Android中通过Intent类实现组件间调用的方法
简单比较C语言中的execl()函数与execlp()函数
SQL Server数据复制到的Access两步走
win10怎么设置才能有效防止关机时系统自动更新?
AJAX封装类使用指南