How to send a HTTP request with Ajax after checking if the inputs ".name_column" and ".taille" are not empty.

Both inputs are create dinamycally with the append function.

Than you in adavance.

Joce.

2. $(".btn_validate").click(function () {
3. //alert('btn_validate');
5. //---------------------------
6. //FORM CONTROL
7. //---------------------------
9. $('.name_column').each(function(){
11. $(this).change(function(){
12. $(this).css({"border" : "", "background-color" : ""});
13. });
15. if( !$(this).val() ){
16. $(this).css({"border" : "1px solid red", "background-color" : "#FFEEF0"});
17. $( "#alertBox" ).fadeIn(500).delay(1200).fadeOut(500).html("<p style='display:inline-block; width:20%; height:100px; line-height:100px; vertical-align:middle;'><span style='font-size:3em;' class='heydings_controls'>G</span></p><p style='display:inline-block; width:70%; height:25px; line-height:25px; vertical-align:middle; text-align:left;'> Veuillez saisir le nom.</p>");
18. $("html, body").animate({ scrollTop: 0 }, "slow");
19. return false;
20. }
24. });
26. 
    
27. $('.taille').each(function(){
28. $(this).change(function(){
29. $(this).css({"border" : "", "background-color" : ""});
30. });
32. if( !$(this).val() ){
33. $(this).css({"border" : "1px solid red", "background-color" : "#FFEEF0"});
34. $( "#alertBox" ).fadeIn(500).delay(1200).fadeOut(500).html("<p style='display:inline-block; width:20%; height:100px; line-height:100px; vertical-align:middle;'><span style='font-size:3em;' class='heydings_controls'>G</span></p><p style='display:inline-block; width:70%; height:25px; line-height:25px; vertical-align:middle; text-align:left;'> Veuillez saisir la taille.</p>");
35. $("html, body").animate({ scrollTop: 0 }, "slow");
36. return false;
37. }
39. });
40. 
    
41. 
    
42. 
    
43. //---------------------------
44. //SERVER CONNEXION
45. //---------------------------
46. var formData = $( "#mySQL_table" ).serialize();
47. alert(formData);
49. $.ajax({
50. type: "POST",
51. url: "process.php",
52. data: formData,
53. dataType: "html",
54. success: function(data){
55. //$('#mySQL_table')[0].reset();
56. //alert(data);
57. $( "#showFormProcess" ).html(data);
58. }
59. });
61.    
62. });