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

      

     分享请注明来源~
  • 相关阅读:
    3组 需求分析报告
    结对编程作业
    3组 团队展示
    第一次个人编程作业
    第一次博客作业
    2020年面向对象程序设计寒假作业3
    3组-Alpha冲刺-4/6
    3组-Alpha冲刺-3/6
    3组-Alpha冲刺-2/6
    3组-Alpha冲刺-1/6
  • 原文地址:https://www.cnblogs.com/wangyang0210/p/9473120.html
Copyright © 2011-2022 走看看