jquery html form表单验证码,jQuery实现用户注册的表单验证示例

$(function(){

$(":input.required").each(function(){

var $required = $("*");

$(this).parent().append($required);

});

$(":input.required").blur(function(){

//判断一下鼠标离开谁了

if($(this).is("#username")){

$(".formtip").remove();

//按照用户名的规则去验证

if(this.value==""||this.value.length<6){

var errMsg = "用户名至少是6个字母";

$(this).parent().append(errMsg);

}else{

var msg = "用户名可以使用";

$(this).parent().append(msg);

}

}

//判断一下如果是email的话,应该按照email的规则去验证

if($(this).is("#email")){

$(".emailtip").remove();

//按照email的规则去验证

var reg = /^\w{1,}@\w+\.\w+$/;

var $email = $("#email").val();

if(!reg.test($email)){

var errMsg = "邮箱不合法";

$(this).parent().append(errMsg);

}else{

var Msg = "邮箱可以使用";

$(this).parent().append(Msg);

}

}

});

})

用户名:

邮箱:

个人资料: