利用原生JS进行一个简单的验证（正则表达式）

Zxy-9

于 2021-04-25 19:28:58 发布

阅读量198

点赞数

分类专栏： js 文章标签： js 正则表达式

本文链接：https://blog.csdn.net/weixin_45439010/article/details/116136404

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

实现功能：当输入3-6个英文字母时，span标签显示成功，当输入其他元素时，显示失败
代码如下

<body>
<input type="text" name="user">
<span></span>
                  <script>
                      document.querySelector('input').addEventListener('keyup',function () {
                          console.log(this.value)

                    
                 let flag = this.value.match(/^[a-z]{3,6}$/) //查找26个字母限制3到6位字符,用^xxx$来限制
                          document.querySelector('span').innerHTML=  flag?'正确':'失败'



                      })
                  </script>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Zxy-9

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用原生JS进行一个简单的验证（正则表达式）

实现功能：当输入3-6个英文字母时，span标签显示成功，当输入其他元素时，显示失败代码如下<body><input type="text" name="user"><span></span> <script> document.querySelector('input').addEventListener('keyup',function () {
复制链接

扫一扫