微客导航 » 文章资讯 » 最常用的jQuery表单验证(简单)

最常用的jQuery表单验证(简单)

2024-02-22 17:50:04 112

废话不多说了，直接给大家贴代码了，具体代码如下所示：


//*");//创建元素
$(this).parent().append($required);//然后将它追加到文档中
});
//文本框失去焦点后
$('form:input').blur(function(){
var$parent=$(this).parent();
$parent.find(".formtips").remove();
//验证用户名
if($(this).is('#username')){
if(this.value==""||this.value.length<6){
varerrorMsg='请输入至少6位的用户名.';
$parent.append(''+errorMsg+'');
}else{
varokMsg='输入正确.';
$parent.append(''+okMsg+'');
}
}
//验证邮件
if($(this).is('#email')){
if(this.value==""||(this.value!=""&&!/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value))){
varerrorMsg='请输入正确的E-Mail地址.';
$parent.append(''+errorMsg+'');
}else{
varokMsg='输入正确.';
$parent.append(''+okMsg+'');
}
}
}).keyup(function(){
$(this).triggerHandler("blur");
}).focus(function(){
$(this).triggerHandler("blur");
});//endblur
//提交，最终验证。
$('#send').click(function(){
$("form:input.required").trigger('blur');
varnumError=$('form.onError').length;
if(numError){
returnfalse;
}
alert("注册成功,密码已发到你的邮箱,请查收.");
});
//重置
$('#res').click(function(){
$(".formtips").remove();
});
})
//]]>

以上所述是小编给大家介绍的最常用的jQuery表单验证(简单)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

最常用的jQuery表单验证(简单)

热门推荐

随机推荐