输入框基本的正则限制

本文介绍如何使用正则表达式对HTML输入框进行数据限制,包括禁止输入空格、电话号码验证、密码强度控制、用户名规范及禁止输入汉字等,并列举了不同类型的输入框及其用途。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

输入框基本的正则限制


1.禁止输入空格

  • onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"

2.电话号码验证

带有区号座机号

  • onkeyup="this.value=this.value.replace(/^(((0\d{3}[\-])?\d{7}|(0\d{2}[\-])?\d{8}))([\-]\d{2,4})?$/)"

1开头十一位电话号

  • onkeyup="this.value=this.value.replace(/^1\d{10}$/)"

3.密码限制

6到20位数字、字母、字符至少包含两项的密码

  • onkeyup="this.value=this.value.replace( /((?=.*[a-z])(?=.*\d)|(?=[a-z])(?=.*[#@!~%^&*])|(?=.*\d)(?=.*[#@!~%^&*]))[a-z\d#@!~%^&*]{6,20}/i)"

4.用户名限制

6到20位数字或字母

  • onkeyup="this.value=this.value.replace( /^[A-Za-z0-9]{6,20}$/)"

5.禁止输入汉字

  • oninput="this.value=this.value.replace(/[\u4e00-\u9fa5]/g,'');"

6.限制输入框长度

  • maxlength="20"

7.type类型

  • button
    可点击按钮
  • checkbox
    复选框
  • file
    输入字段和 "浏览"按钮,供文件上传
  • hidden
    隐藏的输入字段
  • image
    图像形式的提交按钮。
  • password
    密码字段。该字段中的字符被掩码
  • checkbox
    复选框
  • radio
    单选按钮
  • reset
    重置按钮。重置按钮会清除表单中的所有数据
  • submit
    提交按钮。提交按钮会把表单数据发送到服务器
  • text
    单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值