Drupal 7 FAPI ajax 和 jquery 提交事件

Question

我在使用 FAPI 创建的表单的提交按钮中使用 #ajax。现在，当用户提交表单时，我想在通过 ajax 提交表单之前运行一些 jQuery 验证。由于 #ajax 会阻止与提交按钮相关的事件，例如提交、单击、鼠标按下、按键等。我无法使用 jQuery 捕获提交事件。

目前作为解决方法，我在 ajax.js (misc/ajax.js) 中添加了自定义代码:

Drupal.ajax = function (base, element, element_settings) {
    ...
    beforeSubmit: function (form_values, element_settings, options) {
        //my custom code
        alert(1);
        ...

这违背了 drupal 的最佳实践，因为我正在破解核心。请任何人都可以帮助我在我的自定义 js 文件或任何其他方法中执行相同的操作，以在 ajax 提交之前验证内容。

Answer 1

我认为以下帖子中接受的答案回答了您的问题:How to extend or "hook" Drupal Form AJAX?

(function($) {
Drupal.behaviors.MyModule = {
attach: function (context, settings) {

    // Overwrite beforeSubmit
    Drupal.ajax['some_element'].options.beforeSubmit = function (form_values, element, options) {
        // ... Some staff added to form_values
    }
    //Or you can overwrite beforeSubmit
    Drupal.ajax['some_element'].options.beforeSerialize = function (element, options) {

        // ... Some staff added to options.data
        // Also call parent function
        Drupal.ajax.prototype.beforeSerialize(element, options);
    }

                //...