JavaScript-运用正则表达式检验表单

最新推荐文章于 2022-05-08 17:13:52 发布

zLanaDelRey

最新推荐文章于 2022-05-08 17:13:52 发布

阅读量220

点赞数

分类专栏：前端文章标签：正则表达式表单

本文链接：https://blog.csdn.net/zLanaDelRey/article/details/79931536

版权

前端专栏收录该内容

30 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="utf-8"/> 
          <style>
    span{
        display:none;
        color: red;
    }
    </style>       
    </head>
    <body>
        <input type="text" id="box"/> <span>请填写数字</span>
        </br>
        <input type="password" id="psw"/><span>还没有填哦</span>
         <br/>
        <input type="submit" value="提交"/>
        <a href="javascript:;">点我
        </a>
    </body>
    <script>
    var oId=document.getElementById("box");
    var Span=document.getElementsByTagName("span");
    var myregex=/\d{8}/
    oId.onfocus=function(){
        if(myregex.test(oId.value))
        Span[0].style.display="none";
        else
        Span[0].style.display="inline";
    }
    oId.onblur=function(){
         if(myregex.test(oId.value))
        Span[0].style.display="none";
        else
        Span[0].style.display="inline";
    }
    document.getElementsByTagName('a')[0].onclick=function(){alert(oId.value);}
    </script>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zLanaDelRey

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-运用正则表达式检验表单

<!DOCTYPE html><html> <head> <title></title> <meta charset="utf-8"/> <style> span{ display:none; color: red; } </style> </head>
复制链接

扫一扫