| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234 |
- 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: "电子邮箱不能为空"
- }
- },
- 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;
- }
- });
- jQuery('#forget-password').click(function () {
- jQuery('.login-form').hide();
- jQuery('.forget-form').show();
- });
- jQuery('#back-btn').click(function () {
- jQuery('.login-form').show();
- jQuery('.forget-form').hide();
- });
- }
- var handleRegister = function () {
- function format(state) {
- if (!state.id) return state.text; // optgroup
- return "<img class='flag' src='img/" + state.id.toLowerCase() + ".png'/> " + state.text;
- }
- $('.register-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: {
-
- tb_fullname: {
- required: true
- },
- tb_email: {
- required: true,
- tb_email: true
- },
- tb_mobile: {
- required: true,
- },
- tb_wxcode: {
- required: true,
- },
- tb_name: {
- required: true
- },
- tb_password: {
- required: true
- },
- tb_rpassword: {
- equalTo: "#register_password"
- },
- tnc: {
- required: true
- }
- },
- messages: { // custom messages for radio buttons and checkboxes
- tnc: {
- required: "请先接受 TNC."
- }
- },
- 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) {
- if (element.attr("name") == "tnc") { // insert checkbox errors after the container
- error.insertAfter($('#register_tnc_error'));
- } else if (element.closest('.input-icon').size() === 1) {
- error.insertAfter(element.closest('.input-icon'));
- } else {
- error.insertAfter(element);
- }
- },
- submitHandler: function (form) {
- form.submit();
- }
- });
- $('.register-form input').keypress(function (e) {
- if (e.which == 13) {
- if ($('.register-form').validate().form()) {
- $('.register-form').submit();
- }
- return false;
- }
- });
- jQuery('#register-btn').click(function () {
- jQuery('.login-form').hide();
- jQuery('.register-form').show();
- });
- jQuery('#register-back-btn').click(function () {
- jQuery('.login-form').show();
- jQuery('.register-form').hide();
- });
- }
-
- return {
- //main function to initiate the module
- init: function () {
-
- handleLogin();
- handleForgetPassword();
- handleRegister();
- }
- };
- }();
|