jQuery Modal Form Validation not working when saving with AJAX -


i'm hoping 1 of experts here can point me in right direction jquery dialog script have been working on..

my problem: can't validation work dialog window when saving via $.ajax(). script works fine if don't save via ajax , submit form:

eg. $( ).find('form#mws-validate-event').submit();

if has time on code have left below , validation part appreciate it. have searched high , low on stackoverflow have yet find solution.

thanks.

        $("#mws-addform-dialog").dialog({                 autoopen: false,                  title: "my form / add new",                  modal: true,                  width: "480",             //working validation (no ajax)             //buttons: [{             //      text: "submit",              //      click: function() {             //          $( ).find('form#mws-validate-event').submit();             //      }}]              buttons: {             "submit": function() {              },             'save': function() {                  $.ajax({                     type : 'post',                     url : 'ajax.php?action=addnew',                     data : $('#mws-validate-event').serialize(),                     beforesubmit : function (){                         // validate data before submit?? anyone??                         //$( ).find('form#mws-validate-event').submit();                     },                     success : function(data) {                         // show ok message                         $('#mws-validate-event').find('.mws-form-message').html(data);                         alert('ok');                     },                     error: function(error){                         // show error message                         alert('error');                     }                 });              },             'cancel': function() {                  $(this).dialog("close");              }           }          });          $("#mws-addform-dialog-btn").bind("click", function(event) {             $("#mws-addform-dialog").dialog("option", {modal: true}).dialog("open");             event.preventdefault();         });         //- modal form          // validate form                 $("#mws-validate-event").validate({         //ignore: ".ignore",             rules: {                 spinner: {                     required: true,                      max: 5                 }              },              invalidhandler: function(form, validator) {                 var errors = validator.numberofinvalids();                 if (errors) {                     var message = errors == 1                     ? 'you missed 1 field. has been highlighted'                     : 'you missed ' + errors + ' fields. have been highlighted';                     $("#mws-validate-error").html(message).show();                 } else {                     $("#mws-validate-error").hide();                     }             }         });         //- validate form

have tried validating jquery validator? of validation work , easy use.

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Comments

Post a Comment

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

i need display gallery of photos. here template: @(photos: list[photo]) @title = { <bold>gallery</bold> } @main(title,"photo"){ <ul class="thumbnails"> @for(photo <- photos) { <li class="span3"> <a href="#" class="thumbnail"> <img src="@photo.path" alt=""> </a> </li> } </ul> } and here controller method: public static result getphotos() { return ok(views.html.photo.gallery.render(photo.get())); } and here photo bean : @entity public class photo extends model { @id public long id; @required public string label; public string path; public photo(string path, string label) { this.path = path; this.label = label; } private static finder<long, photo> find = new finder<long, photo>( long.class, photo.class); public static list<phot...
Read more

gmail - Is there any documentation for read-only access to the Google Contacts API? -

i want read-only access user's google contacts. there stackoverflow member wanted this, , received following answer : yes, there is, use https://www.googleapis.com/auth/contacts.readonly scope , "view contacts". this exchange reference read-only access google contacts can find using google. simply using access token obtained attempt read usual google contacts api (i.e. https://www.google.com/m8/feeds ) fails insufficient permissions. similarly, using google contacts api on new target fails 404 errors (for example https://www.googleapis.com/auth/contacts.readonly/default/full ). is there documentation anywhere on how use api, or permissible way access google contacts api full read-write access?
Read more

php - Controller/JToolBar not working in Joomla 2.5 -

relevant code: jtoolbarhelper::custom('savecategories', 'save', '', 'save', false, false); ... <input type="hidden" name="controller" value="easyblogcontroller"> according can dig docs , own previous questions, should call savecategories() function in easyblogcontroller . i've tried setting value easyblog , easyblog.php (file name) current easyblogcontroller (class name). clicking on save button refreshes page. not redirect, echo or var_dump test code put in savecategories() function. var_dump ing jrequest::getvar('controller') , 'task' return correct values. creating controller object , using $controller->execute('task'); works. the values going depend on location of controller trying call, , have couple options here. typically there controller in base folder of component (likely components/com_easyblog) in file called controller.php , class name inside ...
Read more