| Server IP : 74.208.127.88 / Your IP : 3.144.88.107 Web Server : Apache/2.4.41 (Ubuntu) System : Linux ubuntu 5.4.0-163-generic #180-Ubuntu SMP Tue Sep 5 13:21:23 UTC 2023 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/admin/assets/js/ |
Upload File : |
var FormWizard = function () {
var wizardContent = $('#wizard');
var wizardForm = $('#form');
var initWizard = function () {
// function to initiate Wizard Form
wizardContent.smartWizard({
selected: 0,
keyNavigation: false,
onLeaveStep: leaveAStepCallback,
onShowStep: onShowStep,
});
var numberOfSteps = 0;
animateBar();
initValidator();
};
var animateBar = function (val) {
if ((typeof val == 'undefined') || val == "") {
val = 1;
};
numberOfSteps = $('.swMain > ul > li').length;
var valueNow = Math.floor(100 / numberOfSteps * val);
$('.step-bar').css('width', valueNow + '%');
};
var initValidator = function () {
$.validator.addMethod("cardExpiry", function () {
//if all values are selected
if ($("#card_expiry_mm").val() != "" && $("#card_expiry_yyyy").val() != "") {
return true;
} else {
return false;
}
}, 'Please select a month and year');
$.validator.setDefaults({
errorElement: "span", // contain the error msg in a span tag
errorClass: 'help-block',
errorPlacement: function (error, element) { // render error placement for each input type
if (element.attr("type") == "radio" || element.attr("type") == "checkbox") { // for chosen elements, need to insert the error after the chosen container
error.insertAfter($(element).closest('.form-group').children('div').children().last());
} else if (element.attr("name") == "card_expiry_mm" || element.attr("name") == "card_expiry_yyyy") {
error.appendTo($(element).closest('.form-group').children('div'));
} else {
error.insertAfter(element);
// for other inputs, just perform default behavior
}
},
ignore: ':hidden',
rules: {
username: {
minlength: 2,
required: true
},
email: {
required: true,
email: true
},
password: {
minlength: 6,
required: true
},
password_again: {
required: true,
minlength: 5,
equalTo: "#password"
},
full_name: {
required: true,
minlength: 2,
},
phone: {
required: true
},
gender: {
required: true
},
address: {
required: true
},
city: {
required: true
},
country: {
required: true
},
card_name: {
required: true
},
card_number: {
minlength: 16,
maxlength: 16,
required: true
},
card_cvc: {
digits: true,
required: true,
minlength: 3,
maxlength: 4
},
card_expiry_yyyy: "cardExpiry",
payment: {
required: true,
minlength: 1
}
},
messages: {
firstname: "Please specify your first name"
},
highlight: function (element) {
$(element).closest('.help-block').removeClass('valid');
// display OK icon
$(element).closest('.form-group').removeClass('has-success').addClass('has-error').find('.symbol').removeClass('ok').addClass('required');
// add the Bootstrap error class to the control group
},
unhighlight: function (element) { // revert the change done by hightlight
$(element).closest('.form-group').removeClass('has-error');
// set error class to the control group
},
success: function (label, element) {
label.addClass('help-block valid');
// mark the current input as valid and display OK icon
$(element).closest('.form-group').removeClass('has-error').addClass('has-success').find('.symbol').removeClass('required').addClass('ok');
}
});
};
var displayConfirm = function () {
$('.display-value', form).each(function () {
var input = $('[name="' + $(this).attr("data-display") + '"]', form);
if (input.attr("type") == "text" || input.attr("type") == "email" || input.is("textarea")) {
$(this).html(input.val());
} else if (input.is("select")) {
$(this).html(input.find('option:selected').text());
} else if (input.is(":radio") || input.is(":checkbox")) {
$(this).html(input.filter(":checked").closest('label').text());
} else if ($(this).attr("data-display") == 'card_expiry') {
$(this).html($('[name="card_expiry_mm"]', form).val() + '/' + $('[name="card_expiry_yyyy"]', form).val());
}
});
};
var onShowStep = function (obj, context) {
$(".next-step").unbind("click").click(function (e) {
e.preventDefault();
wizardContent.smartWizard("goForward");
});
$(".back-step").unbind("click").click(function (e) {
e.preventDefault();
wizardContent.smartWizard("goBackward");
});
$(".finish-step").unbind("click").click(function (e) {
e.preventDefault();
onFinish(obj, context);
});
};
var leaveAStepCallback = function (obj, context) {
return validateSteps(context.fromStep, context.toStep);
// return false to stay on step and true to continue navigation
};
var onFinish = function (obj, context) {
if (validateAllSteps()) {
alert('form submit function');
$('.anchor').children("li").last().children("a").removeClass('wait').removeClass('selected').addClass('done');
//wizardForm.submit();
}
};
var validateSteps = function (stepnumber, nextstep) {
var isStepValid = false;
if (numberOfSteps > nextstep && nextstep > stepnumber) {
// cache the form element selector
if (wizardForm.valid()) { // validate the form
wizardForm.validate().focusInvalid();
$('.anchor').children("li:nth-child(" + stepnumber + ")").children("a").removeClass('wait');
//focus the invalid fields
animateBar(nextstep);
isStepValid = true;
return true;
};
} else if (nextstep < stepnumber) {
$('.anchor').children("li:nth-child(" + stepnumber + ")").children("a").addClass('wait');
animateBar(nextstep);
return true;
} else {
$('.anchor').children("li:nth-child(" + stepnumber + ")").children("a").removeClass('wait');
displayConfirm();
animateBar(nextstep);
return true;
};
};
var validateAllSteps = function () {
var isStepValid = true;
// all step validation logic
return isStepValid;
};
return {
init: function () {
initWizard();
}
};
}();