Jquery

来源：互联网发布：村淘宝服务站怎么赚钱编辑：程序博客网时间：2024/05/22 18:22

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>

0 0