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,'')" >
    

      

     分享请注明来源~
  • 相关阅读:
    用二重循环打印图形--------矩形 三角形 菱形
    数组的应用
    柳暗花明又一村的———for循环
    E-PUCK机器人-开始
    E-PUCK机器人-软件
    E-PUCK机器人-电池使用
    E-PUCK机器人-硬件
    E-PUCK机器人-FAQ
    E-PUCK机器人-Tiny Bootloader和其他开发工具
    E-PUCK机器人-例子
  • 原文地址:https://www.cnblogs.com/wangyang0210/p/9473120.html
Copyright © 2011-2022 走看看