I use the new card form however if I change the model ID and form ID in the HTML code and also in the js file( assets/js/custom/utilities/modals/new-card.js)
then the validation form and submit and cancel button do not work? why? but if I don't change any ID it is work

Also, I used the validation from the Documentation but if (status == 'Valid'), it is always false because the status has a null value

/ Define form element
const form = document.getElementById('kt_docs_formvalidation_text');

// Init form validation rules. For more info check the FormValidation plugin's official documentation:https://formvalidation.io/
var validator = FormValidation.formvalidation(
form,
{
fields: {
'text_input': {
validators: {
notEmpty: {
message: 'Text input is required'
}
}
},
},

plugins: {
trigger: new FormValidation.plugins.Trigger(),
bootstrap: new FormValidation.plugins.Bootstrap5({
rowSelector: '.fv-row',
eleInvalidClass: '',
eleValidClass: ''
})
}
}
);

// Submit button handler
const submitButton = document.getElementById('kt_docs_formvalidation_text_submit');
submitButton.addEventListener('click', function (e) {
// Prevent default button action
e.preventDefault();

// Validate form before submit
if (validator) {
validator.validate().then(function (status) {
console.log('validated!');

if (status == 'Valid') {
// Show loading indication
submitButton.setAttribute('data-kt-indicator', 'on');

// Disable button to avoid multiple click
submitButton.disabled = true;

// Simulate form submission. For more info check the plugin's official documentation: https://sweetalert2.github.io/
setTimeout(function () {
// Remove loading indication
submitButton.removeAttribute('data-kt-indicator');

// Enable button
submitButton.disabled = false;

// Show popup confirmation
Swal.fire({
text: "Form has been successfully submitted!",
icon: "success",
buttonsStyling: false,
confirmButtonText: "Ok, got it!",
customClass: {
confirmButton: "btn btn-primary"
}
});

//form.submit(); // Submit form
}, 2000);
}
});
}
});

Regards,,

Hi,

Do you see any errors in your console?

Make sure you've updated all instances where the ID is referenced. You can use the global find and replace feature in your IDE to replace the ID.

Regards,
Lauris Stepanovs,
Keenthemes Support Team