zoukankan      html  css  js  c++  java
  • 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,'')" >
    

      

     分享请注明来源~
  • 相关阅读:
    HDU 1213 How Many Tables 并查集 寻找不同集合的个数
    哈哈哈哈哈
    P2251 质量检测(ST表)
    poj3264Balanced Lineup(倍增ST表)
    bzoj1088扫雷(搜索)
    P2258 子矩阵(dp)
    codevs1369 xth 砍树(线段树)
    5.3QBXT模拟赛
    codevs1690 开关灯(线段树)
    zhw大神线段树姿势
  • 原文地址:https://www.cnblogs.com/wangyang0210/p/9473120.html
Copyright © 2011-2022 走看看