Sending additional information with JQuery remote form validation

Question

I'm trying to remote validate a field by looking at two different fields. The issue is, in all the examples I see on how to do remote validate sending additional data, they're using the id of the other field that is being processed. So the example on the jQuery validate API page for remote() uses "#username" and sends that in addition to the email field.

My page is odd, and has multiple forms that are the same, and the number of forms on the page is variable, so I can't have a unique id for each field. Is there a way to find out which field or form is being validated/making the remote call? I tried something like the following, because I thought that $(this) would have been the text box being validated, or the individual form being validated, but that doesn't appear to be the case.

number: {
                  required: true,
                  number: true,
                  remote: {
                    url: "confirm.php",
                    data: {
                        toy: function() {
                            return $('select[name="toy"]:selected',this).val();
                        }
                    }
                  }
          }

Thanks, Jared

Edit: I ended up figuring out a way to get it working. The advice to pass the form along gave me the idea.

Since I had multiple forms on the page, I was using $('form').each(function() {$(this).validate({....})});

So I just saved a reference to the current form with var form = $(this) before the validate call, and then within the example I gave earlier I only had to make a small change:

data: {
    toy: function() {
        return $('select[name="toy"]',form).val();
    }
}

And now each field knows which form it belongs to!

Ali · Accepted Answer · 2010-12-01 20:23:30Z

1

You could assign a unique formId to each of the forms, and whenever the form is submitted, you could submit the formId alongwith the other info from the form in order to identify which form is being submitted?

For example, in the html code of your form, you could do something like this:

Form # 1: (with form id as 1)

<form id="form_1">
Name: <input type='text' id='name_1'> <br>
Address: <input type='text' id='address_1'> <br> 
<input type='button' value='Submit' onclick='validate(1);'>
</form>

Form # 2: (with form id as 2)

<form id="form_2">
Name: <input type='text' id='name_2'> <br>
Address: <input type='text' id='address_2'> <br> 
<input type='button' value='Submit' onclick='validate(2);'>
</form>

In the javascript, something like this:

function validate(formId)
{
   var data = {};
   //Example data that is to be submitted for validation:
   data.name = $("#name_" + formId).val();
   data.address = $("#address_" + formId).val();
   //.. and so on
   data.formId = formId;

   $.post('http://example.com/confirm.php', data, function(result)
     {
       //process the return of the remote validation here, 
       //found in the variable: result
     }
   );
}

edited Dec 1, 2010 at 20:23

answered Dec 1, 2010 at 19:28

Ali

268k270 gold badges593 silver badges789 bronze badges

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

3 Comments

EvilAmarant7x Over a year ago

I'm sorry, I don't understand. Are you saying send the formID as an additional piece of data in the remote validation request? How am I supposed to get which form is being validated? Or are you saying to send the formID when the form is actually being submitted?

Ali Over a year ago

@evil Yes, I'm saying exactly that, i.e you send formId as an additional piece of data. I've added some code to eleborate, let me know if you have any other questions

EvilAmarant7x Over a year ago

Thanks for the advice! Though I can't use exactly what you posted (my page has everything submitted at once) it gave me the right idea.

Collectives™ on Stack Overflow

Sending additional information with JQuery remote form validation

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related