在 Drupal 7 中 Ajax 回调表单之前检查条件

Question

我已经在文本字段上编写了ajax回调，并在blur事件上调用了它。

但是在进行 ajax 回调之前，我想检查文本字段不为空的条件。

所以我想，如果textfield不为空，那么ajax回调就会被调用，否则不应该被调用。

提前致谢

form_example是我的模块名称

表单控件

$form['price_form']['item'] = array(
    '#type' => 'textfield',
    '#title' => 'Item Name?',
    '#size' => 10,
    '#maxlength' => 25,
    '#id' => 'nameId',
    '#required' => TRUE,
    '#ajax' => array(
        // #ajax has two required keys: callback and wrapper.
        // 'callback' is a function that will be called when this element changes.
        'callback' => 'form_example_simplest_callback',
        'wrapper' => 'listDiv',
        'effect' => 'fade',
    ),
    '#autocomplete_path' => 'examples/form_example/item_name_autocomplete_callback',
);

JS代码

(function($){
    $(document).ready(function(){
        alert('Hi, Javascript successfully attached');
        Drupal.behaviors.form_example = {
            attach: function (context, settings) {
                // Overwrite beforeSubmit
                Drupal.ajax['nameId'].options.beforeSubmit = function (form_values, element, options) {
                    alert('dsf');
                }
            }
        };
    });
})(jQuery);

我正在打印警报进行测试。我尝试了它的名称和ID但没有收到警报。我得到了以下警报，所以js包含很好。

alert('Hi, Javascript successfully attached');

Answer 1

表单 api 中的 ajax 实现允许您指定将在提交之前运行的"beforeSubmit"处理程序。根据这个：http://malsup.com/jquery/form/#options-object 如果该函数返回 false，则表单将不会提交。

您应该能够添加 beforesubmit 处理程序，如下所示：

Drupal.behaviors.MyModule = {
  attach: function (context, settings) {
    // Overwrite beforeSubmit
    Drupal.ajax['your_element'].options.beforeSubmit = function (form_values, element, options) {
        // check the textfield isn't blank then return false;
    }
  }
};