如何解决jQuery对话框验证
| 我试图弄清楚为什么我的错误消息没有显示在对话框中,为什么当我填写表格并单击\“发送电子邮件\”时,对话框没有关闭。我确定这是我所缺少的东西,但我看不到。 悬崖:我单击主页上的链接(由于存在多个链接,所以使用相同的类),以弹出一个对话框,询问您的姓名,电子邮件和密码。名称和电子邮件是必填项,错误消息应显示在漂亮的UI警报框中。而是,错误消息显示在文本框下方,并且当正确填写表单字段时,对话框不会关闭。 我究竟做错了什么?<html>
<a href=\"Class1\" class=\"Roster\">View Roster</a>
<a href=\"Class2\" class=\"Roster\">View Roster</a>
<a href=\"Class3\" class=\"Roster\">View Roster</a>
<a href=\"Class4\" class=\"Roster\">View Roster</a>
.
.
</html>
$(\"#RosterForm\").validate({
errorContainer: \"#errorblock-div1,#errorblock-div2\",errorLabelContainer: \"#errorblock-div2 ul\",wrapper: \"li\",rules: {
FullName: { required: true },Email: { required: true }
},messages: {
FullName: { required: \"Please enter your name.\" },Email: { required: \"Please enter your email address.\" }
},submitHandler: function(form) {
jQuery(form).ajaxSubmit({
target: \'#client-script-return-data\',success: function() { $(\".dialog_form\").dialog(\"close\"); successEvents(\'#client-script-return-msg\'); }
});
}
});
$(\".Roster\").click(function(event) {
event.preventDefault();
URL = \"roster.cfm?\" + $(this).attr(\"href\");
$(\'<div class=\"dialog_form\">\').dialog({
title: \"Student Roster\",width: 800,height: 650,modal: true,open: function ()
{
$(this).parent().appendTo(\"#RosterForm\");
$(this).load(URL);
},close: function() {
$(\".dialog_form\").remove();
},buttons: {
\"Send Email\": function() { $(\"#RosterForm\").submit(); },\"Cancel\": function() { $(this).dialog(\"close\"); }
}
});
return false;
});
解决方法
向“发送电子邮件”按钮添加条件:
buttons: {
\"Send Email\": function() {
if (jQuery(#RosterForm\").valid() {
$(\"#RosterForm\").submit();
} else {
// display errors
}
},
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。