Javascript Jquery ui对话框按钮提交问题

作为jQueryUI的学生，我很难找到如何设置提交对话框按钮的方法。在输入标签上，我使用type属性允许浏览器执行“email”验证，对于密码，我使用pattern属性和title

                <input
                    type="email"
                    name="EMAIL_0000"
                    id="EMAIL_0000"
                    tabindex="12"
                    size="40"
                    placeholder="Username"
                    value=""
                    required/>
                <input
                    type="password"
                    name="PASSWORD_0000"
                    id="PASSWORD_0000"
                    tabindex="13"
                    pattern="<?php echo $PasswordPattern; ?>"
                    value=""
                    placeholder="Password"
                    title="See notes for valid password."
                    required/>

按下下方的“登录”按钮时，不会发生浏览器验证，所有验证都必须在jquery对话框中使用$.ajax来访问php函数以进行服务器端数据库查询

根据我的研究，我不相信jQueryUI有能力允许设置按钮类型属性。我所能看到的就是设置按钮的名称

此时，我认为我唯一的选择是在表单本身中设置一个按钮，并指出它是提交按钮，按下时，浏览器会进行验证，但我在验证电子邮件地址是否存在时遇到问题，如果密码为，我可以显示一个警报框，但不是我想要的外观，一旦处理完成，对话框就会消失，不允许用户从其他“对话框”按钮中选择加入，等等

是否有人已经克服了这个限制，能够为解决方案提供一些见解

我想我可以删除下面的“登录”按钮，只需使用表单提交按钮，并保持浏览器外验证和可编程验证过程，显示错误消息，并保留在对话框屏幕上。我可以把代码移到

$( "#btnSignOn_0000" )
    .click(function() {
        // move dialog 'sign on' button code here.
    });

---

我想等待一些回复，如果没有必要，我会避免额外的工作。

哎哟，很抱歉让你走错了路。但既然我这么做了，我就把代码弄乱了，帮你弄明白了

取消对对话框中按钮的注释，但通过将css设置为以下方式不显示该按钮：

#btnSignOn_0000 {
    display: none;
}

现在，在您的对话框代码中，而不是$'formSignOn'。提交；使用：

$("#form_0000").dialog({
      buttons: {
          “Sign On”: function(){
              $('#btnSignOn_0000').click();
          }
      }
});

---

单击按钮，将触发验证，除非表单通过验证，否则不会执行$'formSignOn'。submitfunction{}。

以下是最终解决方案：

$('#formSignOn').submit(function( e ){
   e.preventDefault();

---

这将阻止提交在执行ajax功能后关闭对话框窗口。

这不起作用。您可以通过转到并单击顶部的登录按钮来查看问题的示例。一旦到了那里，你可以点击登录按钮，但什么也没有发生。请查看更新的答案，如果你把它熨好了，请告诉我。我将在今晚看电视时处理这个问题。这是我完成这个网站编码之前的最后一个主要障碍。谢谢你看。詹姆斯，我们99%都在那里。除了当对话框窗口关闭时，一切都正常，即使文件中没有用户错误。你可以自己测试一下。我收到一个警报，指示登录失败，如果您将消息框移到一边，您可以在对话框窗口中看到错误，单击“确定”后，对话框窗口将关闭。该对话框需要保持活动状态，以便在出现错误时，用户可以单击忘记密码或注册按钮。

$('#formSignOn').submit(function( e ){
   e.preventDefault();