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

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

 

标题 怎么限制input的text里输入的值只能是数字(正则、js)
内容
    这篇文章主要通过正则表达式和JS代码限制input的text里输入的值只能是数字的相关资料,需要的朋友可以参考下
    当我们在一些网站注册账号、填写信息是,不小心将电话号码填写成汉字或其他英文字母了,这显然是不正确的。为了帮助用户更好地纠正输入时的错误,在表单中填写信息时,需要限制手机号、邮编、电话号码这类文本框不能输入其他字符,只能是数字。
    通过使用正则匹配输入的时候只是数字:
    代码如下:
    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);
    }
    以上所述是小编给大家介绍的使用正则表达式和js限制只能输入数字的相关内容,希望对大家有所帮助
随便看

 

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

 

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