單擊按鈕，然後彈出一個dialogthen提交按鈕

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頁面，你可以結合你的按鈕單擊事件，顯示/關閉彈出，然後調用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事件來調用submit函數。

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