jquery validation plugin custom method ajax multiple params

Question

I'm trying to add a custom validation method to the jquery-validation plugin. With given countrycode, zip and city, i call a php-script via ajax to check if this combination exists and if so, it gives back a "valid".

So my added method looks like this:

jQuery.validator.addMethod("zipcitycombination", function(city, element, params) {

  //function check zip and city
  var country = params[0];
  var zip = params[1];

  $.ajax({
    type: 'GET',
    url: '/?eID=tx_zipcity',
    async: false,
    data: 'country=' + country + '&zip=' + zip+ '&city=' + city,
    success: function(data){
        response = ( data == 'valid' ) ? true : false;
    }
  })
  return response;

}, "Please check your combination");

And now i try to use the validation like this:

    $("#commentForm").validate({

        rules: {
            delivery_city: {
                zipcitycombination:[$('select[name="amsdelivery_country"]').val(),$('input#delivery_zip').val()]
            }
        }

So everything works fine, except the zipcitycombination:

[$('select[name="delivery_country"]').val(),$('input#delivery_zip').val()],

because it uses the empty values and not the values from the filled out input fields. Setting the values already in the html-file, the validation works as expected...

i want the delivery_city: {zipcitycombination:[$('select[name="amsdelivery_country"]').val(),$('input#delivery_zip').val()]} to use the entered country and zip values and not the empty values — sinini
– sinini, Commented Sep 28, 2012 at 10:44

Klaus Byskov Pedersen · Accepted Answer · 2012-09-28 10:46:31Z

1

Assuming that your reason for not just extracting the values in the validator method is that you want to make the method generic, such that you can use it with different forms where the names/ids differ, I suggest you change the parameters to the validation method to be selectors instead of values, such as:

var country = $(params[0]).val();
var zip = $(params[1]).val();

And configure validate like this:

$("#commentForm").validate({

    rules: {
        delivery_city: {
            zipcitycombination:['select[name="amsdelivery_country"]','input#delivery_zip']
        }
    }

answered Sep 28, 2012 at 10:46

Klaus Byskov Pedersen

122k31 gold badges192 silver badges223 bronze badges

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

Collectives™ on Stack Overflow

jquery validation plugin custom method ajax multiple params

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related