input输入框只能输入数字、字母相关组合（正则表达式）-html教程-PHP中文网

首页

web前端

html教程

input输入框只能输入数字、字母相关组合（正则表达式）

angryTom

Nov 25, 2019 pm 05:12 PM

html input 正则

input输入框只能输入数字、字母相关组合（正则表达式）

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

( 推荐学习：html教程 )

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

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

</html>

登录后复制

以上是input输入框只能输入数字、字母相关组合（正则表达式）的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn