ajax jquery form validation always validating false

Question

I am trying to create a special ZIP code validation based on database values. Therefore I am checking the values by ajax:

jQuery.validator.addMethod("validate_country_from", function(value, element) 
{
   $.ajax({
      type: "POST",
      url: "ajax.php",
      data: "action=validate_countryzip&direction=1&zip=" + 
         escape(document.getElementById("zip_from").value) + "&country=" + 
         escape(document.getElementById("country_from").value),
      async: false
   }).done(function(msg)
   {
      if(msg == "true")
      {
         return true;
      }
      else
      {
         return false;
      }
   });
}, addressError);

And I am assigning the function in the rules by these rules:

zip_from: {
   required: true,
   validate_country_from: true
},
country_from: {
   required: true,
   validate_country_from: true
},

The ajax request is working fine, and it is done synchronous, the returned value is also correct but still my validation is telling me that there is an error on the two fields.

I hope someone can help...

devstruck · Accepted Answer · 2012-04-06 20:07:14Z

1

I think you're mixing your jQuery AJAX methods a little bit there. I've seen done() used after get() before, but never after ajax(). Try

jQuery.validator.addMethod("validate_country_from", function(value, element) 
{
   $.ajax({
      type: "POST",
      url: "ajax.php",
      data: "action=validate_countryzip&direction=1&zip=" + 
         escape(document.getElementById("zip_from").value) + "&country=" + 
         escape(document.getElementById("country_from").value),
      async: false,
      success: function(msg){
          if(msg == "true")
          {
              return true;
          }
          else
          {
              return false;
          }
      },
      error: function(x, s, e){
          return false;
      }
   });
}, addressError);

answered Apr 6, 2012 at 20:07

devstruck

1,5078 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Philipp · Accepted Answer · 2012-04-07 20:39:53Z

Thank you for the answer, but I found the reason: my "done" function is returning a value to the ajax request action, not to the validation method (anonymous delegates are great but sometimes really confusing).

A correct version would be something like this:

jQuery.validator.addMethod("validate_country_from", function(value, element) 
{
   var test = $.ajax({
      type: "POST",
      url: "ajax.php",
      data: "action=validate_countryzip&direction=1&zip=" + 
         escape(document.getElementById("zip_from").value) + "&country=" + 
         escape(document.getElementById("country_from").value),
      async: false
   }).done(function(msg)
   {
   });

   if(test.responseText == "true")
   {
      return true;
   }
   else
   {
      return false;
   }
}, addressError);

However, this is not the final solution because it is not catching any errors and so on.

Collectives™ on Stack Overflow

ajax jquery form validation always validating false

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related