在提交表单之前显示css弹出窗口

时间:2012-10-05 13:04:48

标签: javascript jquery css

我想要的是显示一个jQuery对话框,例如“添加到购物车中的项目”

我可以使用一个提交按钮执行此操作,但是当您在同一页面上有多个按钮时,onclick功能会让人感到困惑。

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

我在http://www.partydecorationsonline.co.uk/NewProducts.asp?subcat=2133

有一个实时网页

4 个答案:

答案 0 :(得分:2)

使用好的库Fancybox进行弹出窗口或使用other

答案 1 :(得分:1)

你只需在你的asp按钮onclientclick上使用这段代码:

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

但是你不能设置这个窗口的样式,它只是一个简单的javascript警报。

答案 2 :(得分:1)

您可以使用jquery dialog框。然后写一个这样的函数,

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

答案 3 :(得分:1)

使用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');
});