如何在Drupal 7中提交AJAX表單之前顯示確認框？

Question

使用Drupal 7表單API，如何在提交AJAX表單前提示javascript確認框？我嘗試過不同的方式來做到這一點，但沒有成功。下面是代碼：

function create_list_form($form, &$form_state) { 

    $form['list_name'] = array(
    '#type' => 'textfield', 
    '#required' => TRUE, 
    '#title' => 'List Name' 
    '#attributes' => array() 
); 

    $form['list_desc'] = array(
    '#type' => 'textfield', 
    '#required' => TRUE, 
    '#title' => 'List Desc' 
    '#attributes' => array() 
); 

    $form['actions']['submit'] = array(
     '#type' => 'submit', 
     '#attributes' => array('class' => array('use-ajax-submit')),    
     '#value' => 'Create List' 
    ); 


    return $form; 
} 

下面是Javascript代碼：

Drupal.behaviors.module = { 
    attach: function() { 

     jQuery('#edit-submit').click(function(){ 
      if(!confirm('Are you sure?')) 
       return false; 
     }); 

    } 
} 

Answer 1

我已經找到了解決辦法：如果你想使你的函數可重複使用的，您可以使用這一個。我們可以通過覆蓋beforeSerialize（）函數來實現：

Drupal.behaviors.module = { 
    attach: function() { 

    Drupal.ajax['edit-submit'].beforeSerialize = function() { 

      if(confirm('Are you sure?')) 
       return true; 
      else 
       return false; 

     } 
    } 
} 

Answer 2

你嘗試在您的按鈕添加一個事件監聽？

function show_confirmation() { 
    if (confirm("Do you want to submit?")){ 
     // here you can do something before it gets submitted 
    } else { 
     // return false prevents the form from submitting 
     return false; 
    } 
} 
var button = document.getElementById('button_name'); 
button.addEventListener('click', show_confirmation); 

編輯：

function your_callback_func() { 
    // This could be any code for example your AJAX code etc 
} 

function show_confirmation(your_callback_func) { 
    if (confirm("Do you want to submit?")){ 
     your_callback_func() 
    } else { 
     // return false prevents the form from submitting 
     return false; 
    } 
} 
var button = $('#button_name'); 
button.click(function() { 
    show_confirmation(your_callback_func); 
});