74 lines
2.1 KiB
JavaScript
74 lines
2.1 KiB
JavaScript
/**
|
|
* Add New Address
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
// Select2 (jquery)
|
|
$(function () {
|
|
const select2 = $('.select2');
|
|
|
|
// Select2 Country
|
|
if (select2.length) {
|
|
select2.each(function () {
|
|
var $this = $(this);
|
|
$this.wrap('<div class="position-relative"></div>').select2({
|
|
placeholder: 'Select value',
|
|
dropdownParent: $this.parent()
|
|
});
|
|
});
|
|
}
|
|
});
|
|
|
|
// Add New Address form validation
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
(function () {
|
|
// initCustomOptionCheck on modal show to update the custom select
|
|
let addNewAddress = document.getElementById('addNewAddress');
|
|
addNewAddress.addEventListener('show.bs.modal', function (event) {
|
|
// Init custom option check
|
|
window.Helpers.initCustomOptionCheck();
|
|
});
|
|
|
|
FormValidation.formValidation(document.getElementById('addNewAddressForm'), {
|
|
fields: {
|
|
modalAddressFirstName: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: 'Please enter your first name'
|
|
},
|
|
regexp: {
|
|
regexp: /^[a-zA-Zs]+$/,
|
|
message: 'The first name can only consist of alphabetical'
|
|
}
|
|
}
|
|
},
|
|
modalAddressLastName: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: 'Please enter your last name'
|
|
},
|
|
regexp: {
|
|
regexp: /^[a-zA-Zs]+$/,
|
|
message: 'The last name can only consist of alphabetical'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
plugins: {
|
|
trigger: new FormValidation.plugins.Trigger(),
|
|
bootstrap5: new FormValidation.plugins.Bootstrap5({
|
|
// Use this for enabling/changing valid/invalid class
|
|
// eleInvalidClass: '',
|
|
eleValidClass: '',
|
|
rowSelector: '.col-12'
|
|
}),
|
|
submitButton: new FormValidation.plugins.SubmitButton(),
|
|
// Submit the form when all fields are valid
|
|
// defaultSubmit: new FormValidation.plugins.DefaultSubmit(),
|
|
autoFocus: new FormValidation.plugins.AutoFocus()
|
|
}
|
|
});
|
|
})();
|
|
});
|