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>

  • 相关阅读:
    小内存 linux 主机部署 mysql
    IIS enable HTTP PUT and DELETE
    使用Topshelf部署.net core windows服务 Demo
    Windows Template Studio 创建 .net core wpf应用
    vue笔记——vue生命周期
    (转)idea如何快速查看接口的实现类
    vue项目设置启动自动打开浏览器
    批量添加题目功能(正则表达式的使用案例)
    markdown的diff效果
    SVN提交时取消某个文件的提交
  • 原文地址:https://www.cnblogs.com/work-web/p/6639485.html
Copyright © 2011-2022 走看看