• JavaScript限制前端页面用户表单输入


    onkeyup事件 

      

      onkeyup 事件会在键盘按键被松开时发生。

      内容来源:自成e家

    1.只能输入数字

    <input onkeyup = "value=value.replace(/[^0-9]/g,'')" onpaste = "value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')" >
    

      

    2.只能输入数字、 小数点 

    <input onkeyup = "value=value.replace(/[^-9.]/g,'')"  onpaste = "value=value.replace(/[^-9.]/g,'')" oncontextmenu = "value=value.replace(/[^-9.]/g,'')" >
    

      

    3.只能输入英文 

    <input onkeyup = "value=value.replace(/[^a-zA-]/g,'')"  onpaste = "value=value.replace(/[^a-zA-]/g,'')" oncontextmenu = "value=value.replace(/[^a-zA-]/g,'')" >
    

      

    4.只能输入英文、 数字

     <input onkeyup = "value=value.replace(/[^a-zA-0-9]/g,'')"  onpaste = "value=value.replace(/[^a-zA-0-9]/g,'')"  oncontextmenu = "value=value.replace(/[^a-zA-0-9]/g,'')" >
    

      

    5.只能输入中文

    <input onkeyup = "value=value.replace(/[^u4E00-u9FA5]/g,'')" onpaste = "value=value.replace(/[^u4E00-u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^u4E00-u9FA5]/g,'')" > 
    

    6.只能输入中文、 英文、 数字 

    <input onkeyup = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5]/g,'')" onpaste = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5]/g,'')" >
    

      

    7.只能输入中文、 英文、 数字、 空格

     <input onkeyup = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5 ]/g,'')" onpaste = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5 ]/g,'')" oncontextmenu = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5 ]/g,'')" >
    

      

    8.只能输入中文、 英文、 数字、 小数点

     <input onkeyup = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5.]/g,'')" onpaste = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5.]/g,'')" oncontextmenu = "value=value.replace(/[^a-zA-0-9u4E00-u9FA5.]/g,'')" >
    

      

     分享请注明来源~
  • 相关阅读:
    python常用模块(3)
    python中的re模块
    python中的常用模块
    python中的模块及路径
    python中的文件操作(2)
    【weixin】微信支付简介
    【其他】博客园样式修改
    【weixin】微信企业号和公众号区别和关系是什么?
    【其他】./ 和../ 以及/区别
    【sdudy】ASCII,Unicode和UTF-8终于找到一个能完全搞清楚的文章了
  • 原文地址:https://www.cnblogs.com/wangyang0210/p/9473120.html
Copyright © 2020-2023  润新知