如何延遲表格提交prestashop

Question

我正在開發prestashop載體模塊。在mycarrier里面，當用戶now選擇i時，我有兩個單選按鈕（ now ， schedule ）獲取當前日期schedule 。當用戶選擇schedule時，我會提示日歷選擇日期時間。

問題：

當用戶選擇單選按鈕之一時，表單將立即提交。但是我希望表單等待用戶從日歷中選擇日期。

我怎樣才能延遲提交表格？

<form class="clearfix" id="js-delivery" data-url-update="{url entity='order' params=['ajax' => 1, 'action' => 'selectDeliveryOption']}" method="post">   
  <button type="submit" class="continue btn btn-primary pull-xs-right" name="confirmDeliveryOption" value="1">
      {l s='Continue' d='Shop.Theme.Actions'}
  </button>
</form> 

Answer 1

您需要攔截表單提交事件並選中復選框，然后如果需要時間選擇器，則返回false延遲表單提交，或者返回true繼續提交。

document.querySelector("#js-delivery").addEventListener("submit", function(e){
    var isValid = "[write your delay clause]"
    if(!isValid){
        e.preventDefault();    //stop form from submitting
        return false;
    }
    return true;
});