Server IP : 150.95.80.236 / Your IP : 18.119.121.88 Web Server : Apache System : Linux host-150-95-80-236 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 User : social-telecare ( 10000) PHP Version : 7.4.33 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/pcu.in.th/uat.pcu.in.th/demo15/src/js/custom/account/settings/ |
Upload File : |
"use strict"; // Class definition var KTAccountSettingsProfileDetails = function () { // Private variables var form; var submitButton; var validation; // Private functions var initValidation = function () { // Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/ validation = FormValidation.formValidation( form, { fields: { fname: { validators: { notEmpty: { message: 'First name is required' } } }, lname: { validators: { notEmpty: { message: 'Last name is required' } } }, company: { validators: { notEmpty: { message: 'Company name is required' } } }, phone: { validators: { notEmpty: { message: 'Contact phone number is required' } } }, country: { validators: { notEmpty: { message: 'Please select a country' } } }, timezone: { validators: { notEmpty: { message: 'Please select a timezone' } } }, 'communication[]': { validators: { notEmpty: { message: 'Please select at least one communication method' } } }, language: { validators: { notEmpty: { message: 'Please select a language' } } }, }, plugins: { trigger: new FormValidation.plugins.Trigger(), submitButton: new FormValidation.plugins.SubmitButton(), //defaultSubmit: new FormValidation.plugins.DefaultSubmit(), // Uncomment this line to enable normal button submit after form validation bootstrap: new FormValidation.plugins.Bootstrap5({ rowSelector: '.fv-row', eleInvalidClass: '', eleValidClass: '' }) } } ); // Select2 validation integration $(form.querySelector('[name="country"]')).on('change', function() { // Revalidate the color field when an option is chosen validation.revalidateField('country'); }); $(form.querySelector('[name="language"]')).on('change', function() { // Revalidate the color field when an option is chosen validation.revalidateField('language'); }); $(form.querySelector('[name="timezone"]')).on('change', function() { // Revalidate the color field when an option is chosen validation.revalidateField('timezone'); }); } var handleForm = function () { submitButton.addEventListener('click', function (e) { e.preventDefault(); validation.validate().then(function (status) { if (status == 'Valid') { swal.fire({ text: "Thank you! You've updated your basic info", icon: "success", buttonsStyling: false, confirmButtonText: "Ok, got it!", customClass: { confirmButton: "btn fw-bold btn-light-primary" } }); } else { swal.fire({ text: "Sorry, looks like there are some errors detected, please try again.", icon: "error", buttonsStyling: false, confirmButtonText: "Ok, got it!", customClass: { confirmButton: "btn fw-bold btn-light-primary" } }); } }); }); } // Public methods return { init: function () { form = document.getElementById('kt_account_profile_details_form'); submitButton = form.querySelector('#kt_account_profile_details_submit'); initValidation(); } } }(); // On document ready KTUtil.onDOMContentLoaded(function() { KTAccountSettingsProfileDetails.init(); });