[英]click the button then pop up a dialogthen submit the button
<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代码。 谢谢
编辑:这是我的答案的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事件来调用提交函数。
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);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.