单击按钮，然后弹出一个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);