使用正则表达式控制input框输入类型

最新推荐文章于 2024-01-10 16:32:03 发布

Sam.Shi

最新推荐文章于 2024-01-10 16:32:03 发布

阅读量1.1w

点赞数 5

分类专栏：软件开发文章标签：正则表达式

本文链接：https://blog.csdn.net/shiyong1949/article/details/76677303

版权

软件开发专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1，只能输入英文和数字

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" onchange="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

2，只能输入数字

<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,'')" onchange="value=value.replace(/\D/g,'')" >

3，只能输入中文

<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onchange="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

4，不能输入中文

<input type="text" onkeyup="value=value.replace(/[\u4E00-\u9FA5]/g,'')" onchange="value=value.replace(/[\u4E00-\u9FA5]/g,'')">

5，只能输入英文

<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')" onchange="value=value.replace(/[^a-zA-Z]/g,'')">

6，只能输入数字和小数点

<input type="text" onkeyup="value=value.replace(/[^\d\.]/g,'')" onchange="value=value.replace(/[^\d\.]/g,'')">

7，只能输入数字和连接符”-“

<input type="text" onkeyup="value=value.replace(/[^\d\-]/g,'')" onchange="value=value.replace(/[^\d\-]/g,'')">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Sam.Shi

关注关注

5
点赞
踩
21

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

正则表达式与输入框的校验

weixin_45747732的博客

10-15

375

输入框： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <center> <body> 用户名：<input type="text"...

php正则判断是否为QQ号,正则表达式对qq号码校验

weixin_28998851的博客

03-27

2319

正则表达式对qq号码校验废话不多说了，直接给大家贴代码了，具体代码如下所示：package 正则表达式;/*对QQ号码进行校验要求5~15位，不能以0开头，只能是数字*/import java.util.regex.Matcher;import java.util.regex.Pattern;public class Test {public static void main(String[] a...

参与评论您还未登录，请先登录后发表或查看评论

常用输入框正则验证

12-28

使用正则运算，完成对输入框内容的验证，包含下面内容验证： 1.用户名 2.密码 3.服务器IP或域名 4.服务器端口 5.邮箱地址 6.固定电话或手机号码 7.车牌号

输入框正则校验

savivy的博客

10-28

634

~function () { var form = document.getElementById('form'), tel = form.username, pass = form.pass, repass = form.repass, yzm = form.yzm, verify = form.verify, btn = form.btn; var b = document.createE..

正则表达式配合input框

weixin_34143774的博客

05-16

1090

验证数字的 jingyan.baidu.com/article/624… 一些常用的正则 mp.weixin.qq.com/s?__biz=MzU… 配合input框和正则做验证，用js写法 Document <script src="./node_modules/jquery/dist/jquery.js"></scr...

正则表达式控制Input输入内容

热门推荐

xushichang的专栏

04-01

2万+

不能输入中文只能输入数字和下划线只能输入数字和小数点只允许输入汉字其一，只允许输入数字和小数点。其二，判断的更详细一些，甚至22..2这样不算数字也判断得出来function check(){if (isNaN(tt.value)){alert("非法字符！");tt.value="";}}其三，只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。fu

js正则表达式限制文本框只能输入数字,小数点,英文字母.pdf

11-11

以上代码示例展示了如何使用JavaScript结合正则表达式来实现对HTML表单中输入内容的有效控制。根据具体的应用场景，开发者可以选择合适的正则表达式模式来定制输入验证规则。通过这种方式，不仅可以提高用户体验，还...

文本批量替换的正则表达式

dieqi9270的博客

05-27

1371

1、去掉第三世第十三世之类的前缀：^(第)(\w{1,})(世)($|\W|\s)2、去掉行首名字加公的“公”字^(\w)(公，)3、去掉某某公之子的“公”字(\W\w.?)(公)(\w子\W)替换为：\1\34、把“名字+字什么号什么+某某之子”调为“名字+某之子”的顺序查找：(abc\w.*\W)(\w.*\W)(\w.?公\w子)(\W)替换为：\1\3，\25、去掉“名字+，+见...

正则表达式Re的用法（含实例）

qq_43131852的博客

10-17

3203

正则表达式 通用的字符串表达框架简洁表达一组字符串的表达式针对字符串表达“简洁”和“特征”思想的工具判断某字符串的特征归属 正则表达式的常用操作符操作符说明实例 . 表示任何单字符 [ ] 字符集，对单个字符给出取值范围 [abc]表示a、b、c，[a-z]表示a到z单个字符 [^ ] 非字符集，对单个字符给出排除范围 [^abc]表示非a或b或c的单个字...

正则表达式简明教程及正则表达式语言元素

07-15

元字符是正则表达式中最基础的组成部分之一，用于描述字符的类型和排列方式。下面详细介绍几种常用的元字符及其作用： - **`.`**：匹配除换行符`\n`之外的任何单个字符。如果设置了单行模式，则可以匹配任何字符。 ...

使用正则限制input框只能输入数字/英文/中文等等

12-13

常用HTML正则表达式 1.只能输入数字和英文的：代码如下: <input onkeyup=”value=value.replace(/[/W]/g,”) ” onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^/d]/g,”))” ID=”Text1″ NAME=”Text1″> 2.只能输入数字的：代码如下: <input onkeyup=”value=value.replace(/[^/d]/g,”) ” onbeforepaste=”clipb

input常用的正则表达式JS

lml_little的博客

04-15

6632

正则表达式字符的意义： [ ]:范围描述符。[a-z]表示从a到z之间的任意一个。 \w:英文字母和数字。即[0-9 A-Z a-z]。 \W:非英文字母和数字 \s:空字符，即[\t\n\r\f]。 \S:非空字符。 \d:数字，即[0-9]。

【正则校验】输入框的校验规则

最新发布

m0_65041204的博客

01-10

1428

输入框校验规则、正则校验、限制输入

常用输入框验证（使用正则匹配）

wang_liuyong的博客

08-27

1813

使用方法：使用string.match(reg)匹配到不符合规则的值会返回会NULL // 初始化表单数据 this.mainForm = this.fb.group({ id: [null, [Validators.required,this.contentValidators(/^[a-zA-Z0-9_]{1,}$/)]] }); /** * 输入字符内...

正则表达式分析匹配input文本框

webnoties的专栏

12-09

3405

今天准备用DW替换查找所有input文本框，于是开始写正则进行匹配。先来看下以下2种情况有什么不同。]*?)>].?)>其实这里已经用到了正则表达式的“正则懒惰与贪婪模式”，了解这2种用法就比较方便了。这里我们需要“懒惰”一下，即尽可能少的重复，找到即返回，不需要再继续匹配。第1种方法是错的，调试多次都是匹配多数，即贪婪模式。从中不难看出，之所以会贪婪，是因为少了这个符号?(.*+)value="

input框正则匹配数字，字母，汉字等

不和贪婪的人相对不为薄情寡义的人流泪这世界嘲笑我的人很多你只是其中一个不为岁月流逝蹉跎不随潮流的是否去附和

04-23

995

快速正则匹配 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. <input onkeyup="if(isNaN(val...

input 各种正则校验

qq_44716001的博客

07-28

1427

【代码】input 各种正则校验。

input 输入框的各种校验

cdd9527的博客

04-19

3973

input 输入框的各种校验

正则完成检验输入框案例

weixin_50736511的博客

12-01

243

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt...