Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery UI Dialog with Form Validation Plugin
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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