zoukankan      html  css  js  c++  java
  • input输入框校验,字母,汉字,数字等

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>正则表单验证</title>
    <link rel="stylesheet" href="">
    </head>
    <body>
    <p>
    只允许输入数字
    <input type="text" onkeyup="value=value.replace(/[^d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))" >
    <input type="text" onkeyup="this.value=this.value.replace(/[^d]/g,'')">
    </p>

    <p>
    只允许输入字母
    <input type="text" onkeyup="value=value.replace(/[^A-Za-z]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^A-Za-z]/g,''))" >
    <input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
    </p>

    <p>
    只允许输入汉字
    <input type="text" onkeyup="value=value.replace(/[^u4e00-u9fa5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4e00-u9fa5]/g,''))" >
    <input type="text" onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5]/g,'')">
    </p>

    <p>
    只能输入数字和字母
    <input type="text" onkeyup="value=value.replace(/[W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[W]/g,''))" >
    <input type="text" onKeyUp="value=value.replace(/[W]/g,'')">
    </p>

    <p>
    只能输入email格式的数据(字母 数字 - _ @)
    <input type="text" onkeyup="value=value.replace(/[^a-zA-Z-_@.0-9]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^a-zA-Z-_@.0-9]/g,''))" >
    <input type="text" onKeyUp="value=value.replace(/[^a-zA-Z-_@.0-9]/g,'')">
    </p>
    <p>
    只允许输入数字和字母和汉字
    <input type="text" onkeyup="value=value.replace(/[^wu4E00-u9FA5]/g, '')">

    </body>
    </html>

  • 相关阅读:
    PHP深入浅出之命名空间(Namespace)的使用详解
    函数func_get_args详解
    验证码封装类
    PHP中SESSION自定义会话管理器
    网页开发常见问题总结
    mysql远程连接只显示部分数据库问题
    认识和学习bash
    IPv6地址格式示例及IPv6与IPv4的区别分析
    用HTTP核心模块配置一个静态Web服务器
    Nginx服务项的基本配置
  • 原文地址:https://www.cnblogs.com/work-web/p/6639485.html
Copyright © 2011-2022 走看看