如何延迟表单提交prestashop

Question

我正在开发prestashop carrier module.inside mycarrier我有两个单选按钮（now，schedule） 当用户选择now i时，获取当前日期时间。当用户选择日程安排时，我会提示日历选择日期时间。

问题：

当用户选择一个单选按钮时，表单将立即提交。但我希望表单等到用户从日历中选择日期。

如何延迟提交表单？

<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> 

https://roguepopcorn.com/pages/do-you-know-whats-in-your-popcorn

Answer 1

您需要截取表单提交事件并检查复选框，然后如果需要timepicker返回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;
});