input框输入实时检测校验

已于 2023-04-06 11:34:03 修改
阅读量2.4w 收藏 3
点赞数 3
分类专栏： 正则表达式 文章标签： html 前端 javascript
于 2018-06-12 14:13:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40918145/article/details/80664626
版权

1、只能输入英文、数字且必须以英文开头

<input type="text" placeholder="只能英文、数字，英文开头" onKeyUp = "value = value.replace(/[^a-z0-9]|^[^a-z]/ig,'')" />

2、只能输英文、数字和'_'
<input type="text" placeholder="只能输英文、数字和'_'" onKeyUp="value=value.replace(/[\W]/g,'')" />

看效果

 

木头没有瓜
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
input如何屏蔽中文输入法
sou_vyp的博客
08-22 2703
1、iem-mode：disabled 兼容性差，只兼容ie,firefox 2、 type="password" <input nz-input type="password" readonly onfocus="this.removeAttribute('readonly');" (keyup)="qrCodeKeyup($event)" [(ngModel)]="qrCod...
前端禁用中文半角输入法
不打拉东的专栏
06-24 326
前端 操作CSS 禁用中文输入法
el-input的输入内容校验及限制字符输入
最新发布
AM1n98的博客
06-19 824
记录下最近做的两种校验1. Form 表单的rules校验2. input输入框的@input校验。
js---如何通过js判断当前输入法是拼音还是英文输入法？
Wbiokr的博客
06-11 6776
给input绑定keyup或者oninput事件的时候，中文输入法下想让整个汉字输完才触发事件，那么就需要判断输入方式是否是中文的了。 var isPinyin = false, isPinyin = false; $('#selectMatchInput').on('compositionstart', function () { isPinyin = true });//此时为拼音输入法$('#
解决vue中监听input只能输入数字及英文或者其他情况的问题
10-18
今天小编就为大家分享一篇解决vue中监听input只能输入数字及英文或者其他情况的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
input输入框验证邮箱、身份证号码、手机号码、密码等正则
热门推荐
程序猿小白的博客
11-01 1万+
// 验证邮箱 <form action=""> 　　输入：<input type="text" name="idcard" id="idcard" placeholder="请输入邮箱"> 　　<input type="button" value="验证" onclick="check();"> </form> <script>...
input输入内容校验
玖柒IT
03-30 9452
input输入内容校验 输入大小写字母、数字、下划线 <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 输入小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');"> 输入数字和点： <input type="text" onkeyup="val
前端input密码输入强度验证
Hhjian524的博客
06-18 3424
需求： 1.需要对用户输入的密码进行验证，验证的级别分为强中弱，如果输入的密码强度少于6时，则不会验证，只有密码强度在6-20时才会进行验证。 相关的正则 //密码为八位及以上并且字母数字特殊字符三项都包括 var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g"); //密码为七位及以上并且字母、数字、特殊字符三项.
javascript实现前端input密码输入强度验证
10-15
JavaScript部分，我们可以监听输入框的`oninput`事件，当用户输入密码时调用`passValidate`函数。该函数会检测当前密码是否匹配上述正则表达式，并根据结果更新密码强度条的样式。同时，还需要处理显示/隐藏密码的...
vue判断input输入内容全是空格的方法
08-27
这样，每当用户在input框中输入内容并释放键盘时，`checkSpaces`方法就会被调用，实时检查输入值是否全为空格。 总的来说，Vue.js提供了强大的数据绑定和计算能力，使得我们在处理用户输入时可以轻松地进行各种验证...
Struts2输入校验总结
04-08
反之，如果校验失败，会转向`input`视图资源，通常是在Struts2配置文件中指定的，用于显示错误信息给用户。 #### 三、基于验证框架的输入校验 除了手动校验，Struts2还提供了一个强大的验证框架，支持更复杂的校验...
网页中文本框自校验的标签-input.zip
06-03
8. `<input autocomplete>`：这个属性可以帮助浏览器记住之前输入的信息，提高用户填写表单的速度，但并不直接涉及校验。 9. `<input placeholder>`：此属性可以设置输入框的提示文字，帮助用户理解应输入何种类型...
[其他类别]网页中文本框自校验的标签_input毕业设计—（包含完整源码,可运行）.rar
04-23
例如，我们可以添加事件监听器来实时检测用户输入，或者在表单提交前进行验证： ```javascript document.getElementById('email').addEventListener('input', function() { var email = this.value; var ...
input输入限制以及校验之总结篇
Ndbsa的博客
12-03 4902
input的输入限制是一个非常常见的需求，比如我们在一个表单内需要输入时间，则我们就需要限制输入的内容只能是数字，并且是正整数，这如果用表单校验也可以，但是如果直接可以通过input的输入限制，直接讲此扼杀在摇篮中那岂不是美哉下面就是我对一些常见的输入限制的一些总结：（本文的技术栈是Vue3） 2.通过computed方法绑定并劫持数据： 当我们在input框内输入的时候，方法是要优先于事件执行的，所以我个人推荐是使用方法进行输入的限制以及拦截正负数，小数都可以 只能输入整数： 只能输入正数:
el-input密码校验规则
Nefertar的博客
05-22 1114
密码必须为长度必须8位以上，需至少包含数字、大写字母、小写字母、特殊字符中的三种。
js实时监听input输入框值的变化
weixin_45342302的博客
12-29 2250
刚开始在这里踩了个坑，我以为event.target.value的值是null，所以条件写成了if(event.target.value == null)，数据一直无法清空。后来我改成了空字符串if(event.target.value == '')就对了。做了一个简单的html网页，用到了ajax技术。方案二：在点击加载按钮的时候，先将元素内容清空再进行ajax请求，直接在点击事件触发的方法里清空数据即可。过程中遇到的问题：当我清空keyword值后，上一次搜索的cas和mw依然存在。
html中input字母校验,input框常用的正则表达式验证【转载】
weixin_28909601的博客
05-30 1337
在完成项目的过程中，我们经常需要对输入框输入的内容做一定的限制，以下转载的内容整理了input框常用的正则表达式：1、只是不能输入空格2、不能输入空格及英文状态下的逗号3、只能输入数字最近发现有可能因为手机输入内容联想可以跳过input 中限制只能输入数字 大家额外注意下把，可以在js中在限制下把!isNaN();验证非数字类型4、只能输入英文及数字5、验证首位是汉字//汉字varreg=...
vue+element-plus 密码校验及动态校验
鹤渺的星球
01-04 5913
团队想给新系统的新建/修改用户、个人设置的修改密码中的密码输入框加一个密码校验。具体加什么校验，产品参考了几个增加密码复杂度的校验，比如不能输入连续的3个数字，这种校验，但是好像密码的复杂度并不能保证系统的安全性，好像邮箱验证会比较安全？虽然密码只防君子不妨小人，但是设置密码校验也只是避免用户输入过于简单的密码，比如：123，123456，111111这种。 针对我们这个项目，我们的密码校验规则是： 包含英文字母大小写、数字和特殊符号且在8到16位的任意组合
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值