//登入时 信息提示
$("#loading").dialog({
autoOpen:false,
modal :true,
closeOnEscape :false,
resizeable : false,
draggable : false,
width: 180,
height : 50,
}).parent().find('.ui-widget-header').hide();
$("#reg").dialog({
autoOpen: false,
modal: true, //定义了这个属性 其他的地方就不可以操作
resizable: false,
width: 320,
height: 340,
buttons:{
'提交':function(){
$(this).submit();
}
}
}).validate({
//提交按钮操作
submitHandler :function(form){
$(form).ajaxSubmit({
url: "add.php",
type: "POST",
beforeSubmit :function(formData, jqForm, options ){
$('#loading').dialog('open');
$('#reg').dialog('widget').find('button').eq(1).button('disable');
},
success :function(responseText ,statusText){
if(responseText){
$("#reg").dialog('widget').find('button').eq(1).button('enable');
$('#loading').css('background','url(css/images/success.gif) no-repeat 20px center').html('数据新增成功!');
$.cookie('user',$('#user').val());
setTimeout(function(){
$('#loading').dialog('close');
$('#reg').dialog('close');
$('#reg').resetForm();
$('#reg span.star').html('*').removeClass('succ');
$('#loading').css('background','url(css/images/loading.gif) no-repeat 20px center').html('数据交互中......');
$('#reg input').css('border','1px solid #ccc');
$('#member, #quit').show();
$('#reg_a, #login_a').hide();
$('#member').html("用户["+$.cookie('user')+"]");
},1000);
}
}
});
},
//出现错误时 调用的方法
showErrors :function(){
var errors=this.numberOfInvalids();
if(errors > 0){
$("#reg").dialog('option','height',errors*20+340);
}else{
$("#reg").dialog('option','height',340);
}
this.defaultShowErrors();
},
highlight :function (element,errorClass){
$(element).css('border','1px solid #630');
$('#reg span.star').html('*').removeClass('succ');
},
unhighlight :function(element,errorClass){
$(element).css("border",'1px solid #000');
//接下来是把*号 换成一个钩
$(element).parent().find('span').html(" ");
$(element).parent().find('span').addClass('succ');
},
errorLabelContainer :' ol.reg_error',
wrapper :'li',
rules: {
user: {
required: true,
minlength: 2,
remote : {
url : 'is_user.php',
type : 'POST'
}
},
pass :{
required: true,
minlength: 6,
},
email : {
required :true,
email :true,
},
},
messages :{
user: {
required : '账号不得为空!',
minlength :jQuery.format('账号不得小于{0}位'),
remote : '账号被占用!!!'
},
pass: {
required : '密码不得为空!',
minlength :jQuery.format('密码不得小于{0}位'),
},
email: {
required : '请输入正确的邮箱地址!',
}
}
$("#loading").dialog({
autoOpen:false,
modal :true,
closeOnEscape :false,
resizeable : false,
draggable : false,
width: 180,
height : 50,
}).parent().find('.ui-widget-header').hide();
$("#reg").dialog({
autoOpen: false,
modal: true, //定义了这个属性 其他的地方就不可以操作
resizable: false,
width: 320,
height: 340,
buttons:{
'提交':function(){
$(this).submit();
}
}
}).validate({
//提交按钮操作
submitHandler :function(form){
$(form).ajaxSubmit({
url: "add.php",
type: "POST",
beforeSubmit :function(formData, jqForm, options ){
$('#loading').dialog('open');
$('#reg').dialog('widget').find('button').eq(1).button('disable');
},
success :function(responseText ,statusText){
if(responseText){
$("#reg").dialog('widget').find('button').eq(1).button('enable');
$('#loading').css('background','url(css/images/success.gif) no-repeat 20px center').html('数据新增成功!');
$.cookie('user',$('#user').val());
setTimeout(function(){
$('#loading').dialog('close');
$('#reg').dialog('close');
$('#reg').resetForm();
$('#reg span.star').html('*').removeClass('succ');
$('#loading').css('background','url(css/images/loading.gif) no-repeat 20px center').html('数据交互中......');
$('#reg input').css('border','1px solid #ccc');
$('#member, #quit').show();
$('#reg_a, #login_a').hide();
$('#member').html("用户["+$.cookie('user')+"]");
},1000);
}
}
});
},
//出现错误时 调用的方法
showErrors :function(){
var errors=this.numberOfInvalids();
if(errors > 0){
$("#reg").dialog('option','height',errors*20+340);
}else{
$("#reg").dialog('option','height',340);
}
this.defaultShowErrors();
},
highlight :function (element,errorClass){
$(element).css('border','1px solid #630');
$('#reg span.star').html('*').removeClass('succ');
},
unhighlight :function(element,errorClass){
$(element).css("border",'1px solid #000');
//接下来是把*号 换成一个钩
$(element).parent().find('span').html(" ");
$(element).parent().find('span').addClass('succ');
},
errorLabelContainer :' ol.reg_error',
wrapper :'li',
rules: {
user: {
required: true,
minlength: 2,
remote : {
url : 'is_user.php',
type : 'POST'
}
},
pass :{
required: true,
minlength: 6,
},
email : {
required :true,
email :true,
},
},
messages :{
user: {
required : '账号不得为空!',
minlength :jQuery.format('账号不得小于{0}位'),
remote : '账号被占用!!!'
},
pass: {
required : '密码不得为空!',
minlength :jQuery.format('密码不得小于{0}位'),
},
email: {
required : '请输入正确的邮箱地址!',
}
}
});