javascript - 在提交表单之前显示一个 css 弹出窗口

Question

我想要的是显示一个 jQuery 对话框，例如“添加到购物车的商品”

我可以用一个提交按钮来做到这一点，但是当您在同一页面上有多个按钮时，onclick 功能会变得混乱。

另外，我希望对话框按钮显示一段时间，然后当对话框关闭时，才应该提交表单

我在http://www.partydecorationsonline.co.uk/NewProducts.asp?subcat=2133有一个实时网页

Answer 1

为弹出窗口使用好的库Fancybox或使用其他.

Answer 2

使用 jquery 对话框

var dialog = $('#dialog').dialog({
    //some configuration
    ...
    close: function(){ 
       if (current_form) current_form.submit(); 
    }
});

//when submit button is clicked
var form = $('#form').submit(function(){
    dialog.dialog('open');
});

为多种形式编辑：

var current_form;
$('.form').submit(function(){
    current_form = $(this);
    dialog.dialog('open');
});

Answer 3

您可以使用 jquery对话框。然后写一个这样的函数，

    //This will only submit the form after the dialog is closed.
    $('#dialog_box).close(function(){
      $('.form').submit();
    }

Answer 4

您可以简单地在您的 asp 按钮 onclientclick 中使用此代码：

onclick="return confirm('Items added to your Shopping cart')"

但是您不能设置此窗口的样式，它只是一个简单的 javascript 警报。