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

      

     分享请注明来源~
  • 相关阅读:
    C++ 引用详解
    QT的UDP组播技术
    idea快捷键
    window10安装不同版本的mysql(5.7和8.0.25)
    第2篇scrum
    结对项目:四则运算(C语言)
    个人项目wc(C语言)
    修改博客园背景,css
    第一次作业
    第4篇 Scrum 冲刺博客(专✌️团队)
  • 原文地址:https://www.cnblogs.com/wangyang0210/p/9473120.html
Copyright © 2011-2022 走看看