如何在提交html表单时打开jQuery模式窗口

我使用一个简单的html表单将产品从我的网站提交到远程托管的Mal的电子商务购物车。 提交表单时，我需要打开一个模式窗口（包含iframe）。我无法访问购物车的服务器端编程，因此有没有办法使用onclick html事件属性启动jQuery模式窗口

现在，表单底部的onclick属性打开了一个js浏览器警报…基本上我需要用jQuery模式对话框窗口替换这个js警报

有人能帮忙吗

这是我的表格：

<form action="http://ww7.aitsafe.com/cf/add.cfm" method="post">
<input type="hidden" name="userid" value="96309001">
<input type="hidden" name="nocart"> 
<input type="hidden" name="producturl" value="http://www.fruitfulfarm.net/cart_2.html">
<input type="hidden" name="product" value="Test Product">
<input type="hidden" name="price" value="49.99">
<input type="hidden" name="return" 
value="www.fruitfulfarm.net/cart_2.html">
<input class="rounded" type="submit" name="submit" value="Add To Cart"
onclick="alert('Order has been added to your cart\n\nThis page will refresh');"
onkeypress="alert('Order has been added to your cart\n\nThis page will refresh');">
</form>        

---

使用

onsubmit

HTML

<form method="post" action="" onsubmit="return myModal(this)">
    <!-- more inputs -->
    <input type="submit" value="Submit" />
</form>

JS

function myModal(f)
{
    var form=f,
        modal=$('<div/>', {
            'id':'alert',
            'html':'<iframe src="url"></iframe>'
        })
       .dialog({
           'title':'Iframe in a modal window',
           'modal':true,
           'width':350,
           'height':'auto',
           'buttons': {
               'OK': function() { 
                   $(this).dialog( "close" ); 
                   // do something, maybe call form.submit();
                }
            }
    });
    return false;
}

函数myModal（f）
{
var form=f，
模态=$（''）{
'id'：'alert'，
“html”：”
})
.对话({
'title'：'Iframe in a modal window'，
“模态”：正确，
“宽度”：350，
“高度”：“自动”，
“按钮”：{
“确定”：函数（）{
$（此）.dialog（“关闭”）；
//做点什么，也许可以调用form.submit（）；
}
}
});
返回false；
}

---

对话框是否使用jQuery UI？表单标记是否使用onsubmit？如何引用您为onsubmit标记提供的JS函数？我是否只需将JS上传到一个文件中，并将其URL放在标签中？您可以将函数保留在头

标签中，并用
脚本
标签包装。对不起，我仍然不明白。。。我在一个代码片段中有HTML表单，我不知道如何处理JS，以及如何将函数引用到onsubmit标记。谢谢您的帮助。
js
code/函数应该进入
函数myModal（f）{，…}
并将
表单
放入
主体
。您还可以将函数myModal（f）{…}放在主体中，可能在
上方。