表单验证信息jQuery代码
<script type="text/javaScript">
$(function(){
$("form :input.required").each(function(){
var $required=$("<strong class='high'>*</strong>");
$(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){
var errorMsg = '请输入至少6位的用户名' ;
$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
}else{
var okMsg='输入正确';
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
//验证邮箱
if($(this).is('#email')){
if(this.value==""||(this.value!="" && !/.+@.+\.[a-zA-z]{2,4}$/.test(this.value))){ // 正则验证邮箱的
var errorMsg="请输入正确的E-Mail";
$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
}else{
var okMsg='输入正确';
$parent.append('<span class="formtips onSuccess">' +okMsg+'</span>');
}
}
});
//提交验证 ,无视错误提醒的需要对表单填写的内容进行一次整体的验证。
$('#send').click(function(){
$("form .required:input").trigger('blur');
var numError=$('form .onError').length;
if(numError){
return false;
}
alert("注册成功,密码已发送到你的邮箱,请查收。");
});
});
</script>