大佬教程收集整理的这篇文章主要介绍了javascript – 带有表单验证插件的jQuery UI对话框，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
也许有人可以为我揭开光明.
这是我的Javascript代码.
$("#addEventDialog").dialog("open");
$("#addEventDialog").dialog({
title: 'Add Event',modal: true,buttons: {
"Save": function() {
$("#interestForm").validate({
submitHandler: function(form) {
$("#calendarWidget2").ajaxSubmit({
target: "#calendarResponse",dataType: 'json',beforeSubmit: function () {
$('input[type=submit]').attr("disabled",true);
$("#calendarResponse").show('slow');
},success: function(response,event) {
if(response.status == true) {
$('input[type=submit]').attr("disabled",false);
$("#calendarResponse").delay(5000).fadeOut('slow');
//If the widget says it's okay to refresh,refresh otherwise,consider it done
if(response.refreshEvents == '1') {
$("#calendar").fullCalendar("refetchEvents");
}
// Close the dialog Box when it has saved successfully
$("#addEventDialog").dialog("destroy");
// Update the page with the reponse from the server
$("#calendarResponse").append("Successfully Added: "+ response.title +"<br />");
} else {
$("#calendarWidget2").validate();
$("#calendarResponse").append("ERROR: "+ response.status +"<br />");
}
},error: function() {
alert("Oops... Looks like we're having some difficulties.");
}
});
}
});
},"Cancel": function() {
$(this).dialog("close");
}
}
});
>将验证器附加到表单：
$('#your-form-id').validate();
>单击模态表单的“保存”按钮时,提交表单(将触发验证程序)：
buttons: {
"Save": function() {
$('#your-form-id').submit();
},
>将提交逻辑移动到验证器submitHandler：
$('#your-form-id').validate({
submitHandler: function(form) {
// do stuff
}
});
以上是大佬教程为你收集整理的javascript – 带有表单验证插件的jQuery UI对话框全部内容，希望文章能够帮你解决javascript – 带有表单验证插件的jQuery UI对话框所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。