Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery UI Dialog with Form Validation Plugin
    text
    copied!<p>I am currently using the <a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="noreferrer">bassistance validation plugin</a> for my forms. And I am using a pop-up modal dialog box to house a form that needs to be validated, but for some reason it isn't calling my form... all of my ID's and references are working and I still don't any success. </p> <p>Perhaps someone can shed some light for me. Here is my Javascript code.</p> <pre><code>$("#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 +"&lt;br /&gt;"); } else { $("#calendarWidget2").validate(); $("#calendarResponse").append("ERROR: "+ response.status +"&lt;br /&gt;"); } }, error: function() { alert("Oops... Looks like we're having some difficulties."); } }); } }); }, "Cancel": function() { $(this).dialog("close"); } } }); </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload