【本人秃顶程序员】如何限制input输入类型

野性酷女 2022-03-29 11:40 217阅读 0赞

1.只能输入和粘贴汉字

<input onkeyup="value=value.replace(/1/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/2/g,''))"><br/>
    
    <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/>

2.只能输入和粘贴数字

<input onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')" /><br/>
    
    <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" /><br/>

3.数字脚本

<input onkeyup="if(/D/.test(this.value)){alert('只能输入数字');this.value='';}"><br/>
    
    <input onkeyup="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"><br/>

4.只能输入数字和英文

<input onkeyup="value=value.replace(/[W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/3/g,''))"><br/>
    
    <input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br/>

5.简易禁止输入汉字

<input style="ime-mode:disabled">输入法不转换，但可粘贴上<br/>
    
    <input style="ime-mode:disabled">

6.输入数字和小数点

<input onkeyup="value=value.replace(/4/g,'')" /><br/>
    
    <input onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/>

7.只能数字和"-",例如在输入时间的时候可以用到

<input onkeyup="value=value.replace(/5|_/ig,'')" onblur="value=value.replace(/6|_/ig,'')" />
    
    <input onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&-]|_/ig,'')" />

> 欢迎大家加入粉丝群：963944895，群内免费分享Spring框架、Mybatis框架SpringBoot框架、SpringMVC框架、SpringCloud微服务、Dubbo框架、Redis缓存、RabbitMq消息、JVM调优、Tomcat容器、MySQL数据库教学视频及架构学习思维导图

发表评论取消回复

表情：

评论列表（有 0 条评论，217人围观）

还没有评论，来说两句吧...

相关阅读

相关限制input输入类型(多种方法实现)

1.只能输入和粘贴汉字 <input οnkeyup="value=value.replace(/\[^\\u4E00-\\u9FA5\]/g,'')" onbefor

约定不等于承诺〃/ 2022年06月02日 00:10/ 0 赞/ 195 阅读

相关【本人秃顶程序员】程序员如何学习一项新技术？

←←←←←←←←←←←← 快！点关注 ![1240][] 一、技术是什么？技术是随问题产生的，它的存在就是为了解决问题。二、为什么要学习这项技术？为什么

柔光的暖阳◎/ 2022年04月24日 03:00/ 0 赞/ 262 阅读

相关【本人秃顶程序员】SpringMVC工作原理详解

先来看一下什么是 MVC 模式 MVC 是一种设计模式. MVC 的原理图如下： ![1240][] SpringMVC 简单介绍 SpringMVC 框架是

我不是女神ヾ/ 2022年04月23日 06:26/ 0 赞/ 280 阅读

相关【本人秃顶程序员】如何限制input输入类型

1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/1/g,'')" onbeforepaste="clipboardD

野性酷女/ 2022年03月29日 11:40/ 0 赞/ 218 阅读

相关【本人秃顶程序员】Java如何在运行时识别类型信息？

←←←←←←←←←←←← 快！点关注在日常的学习工作当中，有一些知识是我们在读书的时候就能够习得；但有一些知识不是的，需要在实践的时候才能得到真知——这或许就是王阳明提倡的

￡神魔★判官ぃ/ 2022年03月22日 03:16/ 0 赞/ 180 阅读

相关【本人秃顶程序员】Java程序员成长三部曲！

←←←←←←←←←←←← 快！点关注在这个IT系统动辄就是上亿流量的时代，Java作为大数据时代应用最广泛的语言，诞生了一批又一批的新技术，包括HBase、Hadoop、M

朱雀/ 2022年03月09日 05:58/ 0 赞/ 376 阅读

相关【本人秃顶程序员】Java集合框架综述

←←←←←←←←←←←← 快！点关注一、集合框架图 ![1240][] 简化图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_sha

r囧r小猫/ 2022年02月27日 14:22/ 0 赞/ 357 阅读

相关【本人秃顶程序员】SpringBoot | 是如何实现自动配置的？

![1240][] ←←←←←←←←←←←← 快！点关注配置文件能写什么？相信接触过 SpringBoot 的朋友都知道 SpringBoot 有各种 start

ゝ一纸荒年。/ 2022年02月24日 15:56/ 0 赞/ 240 阅读

相关【本人秃顶程序员】如何在代码中应用设计模式

←←←←←←←←←←←← 快！点关注为什么要使用设计模式 -------------------- 因为我们的项目的需求是永远在变的，为了应对这种变化，使得我们的代

怼烎@/ 2022年02月15日 14:27/ 0 赞/ 249 阅读

相关【本人秃顶程序员】ReentrantLock是如何基于AQS实现的

←←←←←←←←←←←← 快！点关注 ReentrantLock是一个可重入的互斥锁，基于AQS实现，它具有与使用 synchronized 方法和语句相同的一些基本行为和语

我不是女神ヾ/ 2022年02月15日 12:39/ 0 赞/ 257 阅读