正则表达式实现input只能输入数字、字母相关组合的方法

本篇文章展示了正则表达式实现input只能输入数字、字母相关组合的方法具体操作,代码简明扼要容易理解,绝对能让你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

创新互联是一家专注于成都做网站、成都网站制作与策划设计,共和网站建设哪家好?创新互联做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:共和等地区。共和做网站价格咨询:028-86922220

简介:公司网站做试用用户申请窗口,为防止用户错误输入,给予input适当控制,能够防止用户输入错误,同时也能减少公司垃圾数据,当然,如果更大程度避免垃圾数据,最好还是后端正则验证,下面是我记录的input常用正则表达式,希望能给大家带来方便。

下面是input经常用到正则表达式:

<!doctype html>
<html>
    <meta charset="utf-8" />
    
    <body>只允许输入正整数:
        <input type='text' onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,'')">
        <br/>
        <br/>只允许输入英文:
        <input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
        <br/>
        <br/>只允许允许输入数字和字母:
        <input onKeyUp="value=value.replace(/[\W]/g,'')">
        <br/>
        <br/>允许输入大小写字母、数字、下划线:
        <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');">
        <br/>
        <br/>允许输入小写字母、数字、下划线:
        <input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');">
        <br/>
        <br/>允许输入数字和小数点:
        <input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,'')">
        <br/>
        <br/>允许输入中文、数字、英文:
        <input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">
        <br/>
        <br/>
    </body>

</html>

看完上述内容,你们掌握正则表达式实现input只能输入数字、字母相关组合的方法的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!

当前题目:正则表达式实现input只能输入数字、字母相关组合的方法
网页URL:https://www.cdcxhl.com/article48/ihishp.html

成都网站建设公司_创新互联,为您提供云服务器微信公众号网站策划品牌网站设计移动网站建设网站制作

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网页设计公司