單擊按鈕，然后彈出一個對話框，然后提交按鈕

Question

<button onclick="productAddToCartForm.submit(this)" class="button btn-cart" title="Add to Cart" type="button"><span><span>Add to Cart</span></span></button>

js代碼：

var productAddToCartForm = new VarienForm('product_addtocart_form');
            productAddToCartForm.submit = function(){
                    if (this.validator.validate()) {
                            this.form.submit();
                    }
            }.bind(productAddToCartForm);

以上是正常步驟。 單擊按鈕，然后提交表單。 現在，我想在提交表單之前添加一個步驟。 步驟是。 當點擊按鈕時，會彈出一個對話框。 當關閉對話框時，上面有一些內容。 然后提交表格。

1，我想在productAddToCartForm.submit = function(){....}使用jquery。如果頁面已加載jquery庫。但是我不知道如何在函數中添加jquery代碼。 謝謝

Answer 1

編輯：這是我的答案的jsfiddle示例-> jsfiddle

如果彈出窗口是HTML頁面，則可以綁定到按鈕上的click事件，顯示/關閉彈出窗口，然后調用form.submit（）;。

輸入您的按鈕並形成一個ID：

<form id="myForm" action="/formsubmit.html" method="post"></form>
<button id="submitButton" class="button btn-cart" title="Add to Cart" type="button"><span><span>Add to Cart</span></span></button>

然后用jQuery做類似的事情

$(document).ready(function () {
     $('#submitButton').click(function (e) {
         e.preventDefault(); //prevent the default action

         //show your popup
         //hide your popup

         $('#myForm').submit(); //submit the form

     });
});

如果彈出窗口上有一個用戶將單擊以關閉它的按鈕，則可以通過綁定到用於關閉彈出窗口的任何元素的click事件來調用提交函數。

Answer 2

您可以使用jQuery show（）和hide（） 。

  var productAddToCartForm = new VarienForm('product_addtocart_form');
                productAddToCartForm.submit = function(){
                        if (this.validator.validate()) {
                       $("#YourPopUp").show('slow', function() {
                       $('#YourPopUp').hide(1000,'slow', function() {
                       productAddToCartForm.form.submit();
                       });
                       });
                      }       
                    }
                }.bind(productAddToCartForm);