Hello friends, I am trying to validate a form using jQuery and PHP. The actual filtering is done by a PHP class which receives the data asynchronously from jQuery and if it finds the form field data invalid, returns an error.
So, I am serializing the form and then split it into array. I'm looping through the array and passing each value to the jQuery.ajax function. I would need to return an error to the ID hook if something is wrong and I'm stuck in creating it. PHP successfully returns the information but I'm having a very hard time with the darn hook. Please see the code below: $(document).ready(function() { $(function() { $("#form-submit").click(function() { /* serialize the form and create the initial array */ array = $("#theform").serialize().split("&"); for(var i in array) { /* for each value, split it again and grab the element key which will be my CUSTOM_PARAMETER */ arr = array[i].split("="); var custom_parameter = arr[0]; /* arr[0] is the key which is basically the CUSTOM_PARAMETER I need arr[1] is the actual value and makes no interest */ $.ajax({ url: 'request.php', type: 'POST', data: array[i], success: function(data) { /* PHP returns an error if the data is invalid but I need to define a "hook" using the CUSTOM_PARAMETER element ex: $("#error_phone_number").html(data); */ $("#error_"+custom_parameter).html(data); } }); } }); }); }); I hope I succeeded to make myself as clear as possible and of course, I would really appreciate your thoughts on this. Thank you!