Jquery

javascript代码部分:

script src="js/jquery-2.2.4.js"></script>
    <script>
       $(function(){
           $("dd .login_content_input").blur(function(){


               var reg = new RegExp($(this).attr("reg"));


               var msg =$(this).attr("errMsg");
               var inputvalue =$(this).val().trim();
               $(this).parent("dd").next("dd").remove();
               if(reg.test(inputvalue))
               {
                  if($(this).parent("dd").next("dd").length==0)
                  {
                      $(this).parent().next("dd").after("<dd><img src=\"images/register_write_ok.gif\"></dd>");
                  }
               }
               else
               {




                   $(this).parent("dd").after("<dd>"+msg+"</dd>");


               }


           })


       })


    </script>

html代码部分:

   <form id="loginForm" name="loginForm"  method="post">
            <dl class="login_content">
                <dt>Email地址或昵称：</dt>
                <dd><input id="email" type="text" reg="^\w+@\w+\.((cn)|(com)|(com\.cn))$" errMsg="邮箱账户不正确" class="login_content_input"/></dd>
            </dl>
            <dl class="login_content">
                <dt>密码：</dt>
                <dd><input id="pwd" type="password" reg="^\d{6,8}$"  errMsg="密码格式不对" 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>