zoukankan      html  css  js  c++  java
  • html只允许输入的数据校验,只允许输入字母汉字数字等

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </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运行模式
    深入理解php内核 编写扩展_III- 资源
    深入理解php内核 编写扩展 II:参数、数组和ZVALs
    [置顶] 图灵电子与电气工程丛书
    PHP开发-上传文件
    DWZ (JUI) 教程(二):处理信息回馈的通用规范
    设计模式之装饰者模式
    UVA 11464
    uva 1346
    [置顶] 手把手教你iOS消息推送证书生成以及Push消息
  • 原文地址:https://www.cnblogs.com/shangbolei/p/4750917.html
Copyright © 2011-2022 走看看