在我的 Web 應用程式中,我有十幾種表單,當然每個表單都有不同的id. 然后在我的 JavaScript 檔案中,我為該submit事件撰寫了一個自定義處理程式:
$('#form-name').submit(function(event) {
event.preventDefault();
const formData = new FormData($('#form-name')[0]);
const json = JSON.stringify(Object.fromEntries(formData));
ws.send(json);
});
我想避免為每個表單撰寫上述代碼。作為第一步,我可以將它包裝在另一個函式中,如下所示:
function custom_submit(form, event) {
event.preventDefault();
const formData = new FormData($(form)[0]);
const json = JSON.stringify(Object.fromEntries(formData));
ws.send(json);
}
然后使用:
$('#form-name').submit(custom_submit('#form-name`, event));
但這不是有效的語法。在任何情況下,我仍然需要將每個表單“連接”到自定義函式,寫入兩次其名稱。
有沒有辦法匹配所有具有特定前綴的表單并將它們全部連接到我的自定義提交函式,傳遞表單id和event變數,如上所述?前綴示例:
form-ws-*
uj5u.com熱心網友回復:
$('form').on('submit', function(event) {
event.preventDefault();
const formData = new FormData(this);
const json = JSON.stringify(Object.fromEntries(formData));
ws.send(json);
});
將處理頁面上的所有表單
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/361100.html
標籤:javascript 查询 形式 表单提交
