Replace ajaxForm with ajaxSubmit. A demo for that is here: http://jquery.bassistance.de/validate/demo/ajaxSubmit-intergration-demo.html
Jörn On Thu, Jan 8, 2009 at 4:23 PM, Raghu <[email protected]> wrote: > Hi, I am having a strange issue with ajaxForm...this form load normally > without ajax call but I use ajaxForm for form submit. > This form get submitted only on *double click of submit button*...Any idea > why this behaviour? > I am using validate plugin for form validation... > > Here is my code... > > // prepare the form when the DOM is ready > $(document).ready(function() { > > $('#password').pstrength(); > > $("#accountSettingForm").validate({ > > // validate Account Setting Form on keyup and submit > > rules: { > > "user.firstName": "required", > "user.lastName": "required", > "user.password": { > minlength: 6 > }, > "user.confirmPassword": { > minlength: 6, > equalTo: "#password" > }, > "user.email": { > required: true, > email: true > }, > "user.securityAnswer": { > required: true > }, > "user.country.code" : { > required: true > }, > "user.securityQuestion.id" : { > required: true > } > }, > messages: { > > "user.firstName": "Please enter your First Name", > "user.lastName": "Please enter your Last Name", > "user.password": { > minlength: "Your Password must be at least 6 characters > long" > }, > "user.confirmPassword": { > minlength: "Your Password must be at least 6 characters > long", > equalTo: "Please enter the same Password as above" > }, > "user.email": "Please enter a valid Email Address", > "user.securityAnswer": "Please answer for your Security > Question", > "user.country.code" : "Please select your Country", > "user.securityQuestion.id" : "Please select your Security > Question" > }, > meta: "validate", > errorLabelContainer: "#jsValidationErrorMsg", > errorClass: "userError", > wrapper: "li", > submitHandler: function(form) { > > // bind form using 'ajaxForm' > $(form).ajaxForm({ > > success: function(data,jqForm,options){ > > if(data.indexOf("updated successfully") > 0 || > data.indexOf("profile has been updated") > 0) { > > $('#serverResponseMsg').addClass("infoMsg").html(data); > > }else{ > > > $('#serverResponseMsg').addClass("userError").html(data); > > } > > } > }); > > } > > }); > > }); > >
