在提交之前使用jquery对话框进行确认

我正在使用表格，我想在表格提交前确认。在javascript中使用confirm之前，现在我想用jquery的对话框UI替换它。我希望当用户点击按钮“Valider”时，他可以通过点击提交或取消来选择提交表单。我是jQuery中的begginer，这是我的代码，但我不工作

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
   $(document).ready(function () {
    $('#valider').click(function(){
        $('#dialog').dialog({
            modal: true,
            buttons:{
            "submit":function(){
                document.form1.submit();
            },
            "cancel":function(){
                    $(this).dialog("close");
                }
            }
        });

    });
        $('form#testconfirmJQ').submit(function(e){
            e.preventDefault();
            $('#dialog').dialog('open');
        });

 });

</script>
<form action="test.php" method="post" name="form1">
    <input type="submit" name="valider" class="valider" id="valider" value="valider"/>
</form>
    <div id="dialog" title="Confirmation">
    </div>
</div>

$（文档）.ready（函数（）{
$（'#valider'）。单击（函数（）{
$（'#dialog'）。dialog({
莫代尔：是的，
按钮：{
“提交”：函数（）{
文件。表格1。提交（）；
},
“取消”：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
});
$（'form#testconfirmJQ'）。提交（函数（e）{
e、 预防默认值（）；
$（'dialog'）。dialog（'open'）；
});
});

---

当我点击“Valider”时，我会简单地打开对话框，然后提交表单。我对我的代码有点困惑。有人能告诉我我做错了什么吗。提前谢谢

您的jQuery正在查找

$（'form#testconfirmJQ'）

，因此它正在查找id为

testconfirmJQ

的

表单。您没有这样的表单，因此jQuery无法找到元素。您可以从代码中删除id，使其看起来像
$（'form'）。提交（函数（e）{
，或者将id添加到表单中，使其看起来像jQuery正在查找
$（'form#testconfirmJQ'）
，因此它正在寻找id为
testconfirmJQ
的
表单。您没有这样的表单，因此jQuery找不到元素。您可以从代码中删除id，使其看起来像
$（'form'）。提交（函数（e）{
或将id添加到表单中，使其看起来像
没有问题：）很高兴我能帮忙没问题很高兴我能帮忙