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

js代码：</p> 

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

以上是正常步骤。单击按钮，然后提交表单。现在，我想在提交表单之前添加一个步骤。步骤是。单击按钮时，会弹出一个对话框。关闭对话框时。上面有一些内容。然后提交表格。

1，我想在页面中使用jquery。productAddToCartForm.submit = function(){....}如果页面已经加载了jquery library。但是我不知道如何在函数中添加jquery代码。谢谢你

4

2 回答 2

0

编辑：这是我的答案的 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

     });
});

如果弹出窗口上有一个用户将单击以关闭它的按钮，则可以通过绑定到用于关闭弹出窗口的任何元素的单击事件来调用提交函数。

于 2012-07-13T13:00:05.513 回答
0

您可以使用 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);
于 2012-07-13T13:02:27.857 回答