var Login = function () {
|
|
var handleLogin = function() {
|
$('.login-form').validate({
|
errorElement: 'span', //default input error message container
|
errorClass: 'help-block', // default input error message class
|
focusInvalid: false, // do not focus the last invalid input
|
rules: {
|
username: {
|
required: true
|
},
|
password: {
|
required: true
|
},
|
remember: {
|
required: false
|
}
|
},
|
|
messages: {
|
username: {
|
required: "请输入用户名."
|
},
|
password: {
|
required: "请输入密码."
|
}
|
},
|
|
invalidHandler: function (event, validator) { //display error alert on form submit
|
$('.alert-danger', $('.login-form')).show();
|
},
|
|
highlight: function (element) { // hightlight error inputs
|
$(element)
|
.closest('.form-group').addClass('has-error'); // set error class to the control group
|
},
|
|
success: function (label) {
|
label.closest('.form-group').removeClass('has-error');
|
label.remove();
|
},
|
|
errorPlacement: function (error, element) {
|
error.insertAfter(element.closest('.input-icon'));
|
},
|
|
submitHandler: function (form) {
|
form.submit();
|
}
|
});
|
|
$('.login-form input').keypress(function (e) {
|
if (e.which == 13) {
|
if ($('.login-form').validate().form()) {
|
$('.login-form').submit();
|
}
|
return false;
|
}
|
});
|
}
|
|
var handleForgetPassword = function () {
|
$('.forget-form').validate({
|
errorElement: 'span', //default input error message container
|
errorClass: 'help-block', // default input error message class
|
focusInvalid: false, // do not focus the last invalid input
|
ignore: "",
|
rules: {
|
email: {
|
required: true,
|
email: true
|
}
|
},
|
|
messages: {
|
email: {
|
required: "Email is required."
|
}
|
},
|
|
invalidHandler: function (event, validator) { //display error alert on form submit
|
|
},
|
|
highlight: function (element) { // hightlight error inputs
|
$(element)
|
.closest('.form-group').addClass('has-error'); // set error class to the control group
|
},
|
|
success: function (label) {
|
label.closest('.form-group').removeClass('has-error');
|
label.remove();
|
},
|
|
errorPlacement: function (error, element) {
|
error.insertAfter(element.closest('.input-icon'));
|
},
|
|
submitHandler: function (form) {
|
form.submit();
|
}
|
});
|
|
$('.forget-form input').keypress(function (e) {
|
if (e.which == 13) {
|
if ($('.forget-form').validate().form()) {
|
$('.forget-form').submit();
|
}
|
return false;
|
}
|
});
|
|
|
}
|
|
var handleRegister = function () {
|
|
function format(state) {
|
if (!state.id) return state.text; // optgroup
|
return "<img class='flag' src='assets/img/flags/" + state.id.toLowerCase() + ".png'/> " + state.text;
|
}
|
|
|
|
|
|
|
}
|
|
return {
|
//main function to initiate the module
|
init: function () {
|
|
handleLogin();
|
handleForgetPassword();
|
handleRegister();
|
|
$.backstretch([
|
"template/metro/assets/img/bg/1.jpg",
|
"template/metro/assets/img/bg/2.jpg",
|
"template/metro/assets/img/bg/3.jpg",
|
"template/metro/assets/img/bg/4.jpg"
|
], {
|
fade: 1000,
|
duration: 8000
|
});
|
}
|
|
};
|
|
}();
|
