首先下载jQuery的validate插件
$("#reg").validate({
wrapper:'p',//包含每个错误信息的容器*/
rules:{
user:{
required: true,//必填
minlength:3,//字段的最小长度
remote:{//验证用户名唯一性
type:'POST',
url:'onlyuser',
},
},
pass:{
required: true,
minlength:6,
},
email:{
required: true,
email:true,//email地址的验证
},
},
messages:{
user:{
required: '请输入用户名',
minlength:'密码长度最少为{0}位',
remote:'用户名已存在',
},
pass:{
required: '请输入密码',
minlength:'密码长度最少为{0}位',
},
email:{
required: '请输入邮箱地址',
email:'请输入正确的邮箱地址',
},
},
//错误时边框的提示颜色
highlight: function(element,errorClass){
$(element).css('border','1px solid red');
},
//默认时边框的提示颜色
unhighlight: function(element,errorClass){
$(element).css('border','1px solid #ccc');
},
//正确时提交,用其他方式替代默认的SUBMIT,比如用AJAX的方式提交
submitHandler: function(form){
var username=$("#reg_user").val();
$(form).ajaxSubmit({
url: "reg",
type: 'post',
success: function(responseText,statusText){
/*alert(statusText);*/
$("#reg").dialog('close');
$("#loading").dialog('open');
$("#reg").resetForm();
//生成cookie
$.cookie('user',username);
setTimeout(function(){
$("#loading").dialog('close');
$("#reg_a,#log_a").hide();
$("#user,#quit").show();
$("#user").html($.cookie('user'));
},1000);
},
});
},
});
required: "必选字段",
remote: "请修正该字段",
email: "请输入正确格式的电子邮件",
url: "请输入合法的网址",
date: "请输入合法的日期",
dateISO: "请输入合法的日期 (ISO).",
number: "请输入合法的数字",
digits: "只能输入整数",
creditcard: "请输入合法的信用卡号",
equalTo: "请再次输入相同的值",
accept: "请输入拥有合法后缀名的字符串",
maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),
rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
max: jQuery.format("请输入一个最大为 {0} 的值"),
min: jQuery.format("请输入一个最小为 {0} 的值")