一次将所有表单绑定到 jQuery 表单可能吗？

Question

通过 ajaxCall 我动态创建了一个用户列表，每个用户都以单独的形式处理版主操作。喜欢：

<form id="'.$aSpeler['playerID'].'">
  <select name="aktieopspeler">
    <option value="" disabled selected>Kies actie</option>
    <option value="vakantiemodusIN">Vakantiemodus IN</option>
  </select>
  <input type="submit" value="OK">
</form>

我的所有表单都由 jQuery 表单插件 (malsup) 处理。我能想到的唯一解决方案也是为每个表单创建绑定，但是是否可以一次绑定所有表单？

我用于现有表格的代码：

var options = { 
    target:'#maincontent',   // target element(s) to be updated with server response 
    url:  'backend/admin_speler.php',    // override for form's 'action' attribute 
    type:  'post'       // 'get' or 'post', override for form's 'method' attribute 
}; 
// bind to the form's submit event 
$('#frm_zoek_speler').submit(function() { 
    // inside event callbacks 'this' is the DOM element so we first 
    // wrap it in a jQuery object and then invoke ajaxSubmit
    $(this).ajaxSubmit(options); 
    return false; 
});

使用：jQuery v2.1.3

Answer 1

您可以将单个事件绑定到所有所需形式的父元素：

$("#parent").on('submit', 'form', function(){
    $(this).ajaxSubmit(options); 
    return false;
});

如果您使用的是 1.7 之前的 jQuery 版本，您可以使用：

$("#parent").delegate('form', 'submit', function(){
    $(this).ajaxSubmit(options); 
    return false;
});

一次将所有表单绑定到 jQuery 表单可能吗？

bind ALL forms at once to jQuery Form possible?

forms

jquery

jquery-forms-plugin