Ok so im currently printing out some placeholders / div blocks in a while loop using php which have forms within them, to access the forms you have to toggle the div for each of the blocks, that all works flawlessly.

My issue is i need to try and validate which ever form the user has toggled into view to input there details which is just a name and email and then allow them values to be passed back to a php script for processing. I have assigned an ID to each of the forms and was trying to use that id when they clicked the submit button in order to know which form to validate and process. As you see in the script below i had tried putting the ID on a link tag to see if i could then use that variable to go with the submit button that is pressed

I hope what im asking or am trying to do can be done and gratefully appreciate you taking the time to help me out in advance

The script

2. jQuery(function($){
4. $(".toggle-btn").click(function(){
5. //get the submit btn id from the bigBtns
6. var ID = $(this).attr('id');
8. $(".error").hide();
9. $("#subBtn_"+ID).click(function(){
11. $(".error").hide();
12. var n = $("input#n").val();
13. if(n == ""){
14. $("#nError").text("This field is required.").show();
15. $("input#n").css("border", "1px solid #F90A0A");
16. $("input#n").focus();
17. return false;
18. } else {
19. $("input#n").css("border", "none");
20. }
22. var e = $("input#e").val();
23. if(e == ""){
24. $("#eError").text("This field is required.").show();
25. $("input#e").css("border", "1px solid #F90A0A");
26. $("input#e").focus();
27. return false;
28. } else {
29. $("input#e").css("border", "none");
30. }
32. });
34. });
36. });