Within my web application, I find myself working with several forms, each possessing its own unique id. To streamline the process, I decided to create a custom handler for the submit event in my JavaScript file:
$('#form-name').submit(function(event) {
event.preventDefault();
const formData = new FormData($('#form-name')[0]);
const json = JSON.stringify(Object.fromEntries(formData));
ws.send(json);
});
The objective is to avoid duplicating this code for every form. Initially, I wrapped it within another function like so:
function custom_submit(form, event) {
event.preventDefault();
const formData = new FormData($(form)[0]);
const json = JSON.stringify(Object.fromEntries(formData));
ws.send(json);
}
Subsequently, I aimed to utilize it by calling:
$('#form-name').submit(custom_submit('#form-name', event));
This approach encountered syntax errors and still necessitated manually connecting each individual form to the custom function.
Is there a method to link all forms sharing a specific prefix to my custom submit function, while automatically passing both the form's id and the event variable? Consider a prefix such as:
form-ws-*