Js表单元素，textarea,input 文本框禁止输入特殊字符，控制输入各种类型等

2024年4月4日 257次阅读 来源: 发光棒

经常碰到需要控制表单元素输入的类型，然后每次总是百度，然后复制粘贴，特别浪费时间。
这里收集好方便直接使用。提供的方法非常简单使用直接嵌套在标签上使用，无需单独写js方法调用实现，

  1. 不能输入特殊字符

<input type=”text”class=“domain” οnkeyup=“this.value=this.value.replace(/[^u4e00-u9fa5w]/g,’’)”>

  1. 只能输入数字

<input οnkeyup=“value=value.replace(/[^0-9]/g,’’)” οnpaste=“value=value.replace(/[^0-9]/g,’’)” oncontextmenu = “value=value.replace(/[^0-9]/g,’’)”>

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

<input οnkeyup=“value=value.replace(/[^\0-9.]/g,’’)” οnpaste=“value=value.replace(/[^\0-9.]/g,’’)” oncontextmenu = “value=value.replace(/[^\0-9.]/g,’’)”>

  1. 只能输入英文

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z]/g,’’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z]/g,’’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z]/g,’’)”>

  1. 只能输入英文、数字

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9]/g,’’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9]/g,’’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9]/g,’’)”>

  1. 只能输入中文

<input οnkeyup=“value=value.replace(/[^\u4E00-\u9FA5]/g,’’)” οnpaste=“value=value.replace(/[^\u4E00-\u9FA5]/g,’’)” oncontextmenu = “value=value.replace(/[^\u4E00-\u9FA5]/g,’’)”>

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

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,’’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,’’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,’’)”>

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

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,’’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,’’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,’’)”>

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

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,’’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,’’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,’’)”>

    原文作者：发光棒
    原文地址: https://blog.csdn.net/zy517863543/article/details/93889143
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞