网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 限制只能输入数字的实现代码
内容
    下面小编就为大家带来一篇限制只能输入数字的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考
    当我们在一些网站注册账号、填写信息是,不小心将电话号码填写成汉字或其他英文字母了,这显然是不正确的。为了帮助用户更好地纠正输入时的错误,在表单中填写信息时,需要限制手机号、邮编、电话号码这类文本框不能输入其他字符,只能是数字。
    通过使用正则匹配输入的时候只是数字:
    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);
    }
    以上这篇限制只能输入数字的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/19 23:23:16