Jquery-2简单的登录输入框判断

最新推荐文章于 2022-03-08 17:32:29 发布

qq_34734520

最新推荐文章于 2022-03-08 17:32:29 发布

阅读量621

点赞数

分类专栏： java之Jquery

本文链接：https://blog.csdn.net/qq_34734520/article/details/51606096

版权

java之Jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<pre name="code" class="html"><span style="font-size:24px;color:#ff0000;">简单的登录输入框判断</span>

<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>简单的登录输入框判断</title>
    <script src="js/jquery-2.2.4.js"></script>
    <script>
        $(function(){
           $("dd .login_content_input").each(function(){
               $(this).blur(function(){</span>
                   //<span style="font-size:18px;color:#ff0000;">取2格属性值，一个属性值是正则表达式，另外一个是错误的提示</span>
                  <span style="font-size:18px;">var reg=new RegExp($(this).attr("reg"));
                   var msg=$(this).attr("errMsg");
                   var reg1=new RegExp($(this).attr("reg1"));
                   var msg1=$(this).attr("errMsg1");
                   var inputValue=$(this).val();
                   $(this).parent("dd").next("dd").remove();
                   if(reg.test(inputValue)){//验证通过
                       if($(this).parent("dd").next("dd").length==0) {
                           //此处引入输入正确时的图片提示

                       $(this).parent("dd").after("<dd><img src=\"images/register_write_ok.gif\"/></dd>");
                       }
                   }else{
                       $(this).parent("dd").after("<dd>"+msg+"</dd>");
                   }
               });
           });

        });
    </script>
</head>
<body>
<form id="loginForm" name="loginForm"  method="post">
    <dl class="login_content">
        <dt>Email地址或昵称：</dt>
        <dd><input id="email" reg="^\w+@\w+\.((cn)|(com)|(com\.cn))$" errMsg="用户名格式错误，请重新输入" type="text" class="login_content_input"/></dd>
    </dl>
    <dl class="login_content">
        <dt>用户名：</dt>
        <dd><input id="name" reg="^[a-zA-Z][a-zA-Z0-9_]{4,15}$"  errMsg="用户名应该为6-15个字符"  type="password" class="login_content_input"/></dd>
    </dl>
    <dl class="login_content" >
        <dt>密码：</dt>
        <dd><input id="pwd" reg="^[A-Za-z0-9]{4,15}$"  errMsg="只能由字母数字组成5-16字符"  type="password" class="login_content_input"/></dd>
    </dl>
    <dl class="login_content" >
        <dt>确认密码：</dt>
        <dd><input id="pwd1" reg="^[A-Za-z0-9]{4,15}$"  errMsg="只能由字母数字组成5-16字符"  type="password" class="login_content_input"/></dd>
    </dl>
    <dl class="login_content">
        <dt></dt>
        <dd><input id="btn" value="注册 " type="submit" class="login_btn_out"/></dd>
    </dl>
</form>
</body>
</html></span>

qq_34734520

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery-2简单的登录输入框判断

简单的登录输入框判断简单的登录输入框判断 $(function(){ $("dd .login_content_input").each(function(){ $(this).blur(function(){ //取2格属性值，一个属性值是
复制链接

扫一扫