I have gone through other threads and used one for reference but still I am not able to find the solution.
My question is:

I am calling a function on button click now that function has validation after validation I am trying to post data with ajax request in submit handler, problem is my fields are getting verified but Ajax request is not invoked.

<input type="button" value="Register" id="registerP" onclick="registerPatient()"  class="form-control input-sm btn-success ">

function registerPatient(){
$("#patientRegistration").validate({
rules: {
    patientName: {
    required: true,
    textOnly: true
                },
       },
messages: {
       patientName: {
       required: "Please enter the full name",                  
                    },
          },
submitHandler: function(form) { 
            $.ajax({
             type: "POST",
             url: "/LoginMavenSpringMVC/appointment/savePatient",
             data: "patientName=" + patientName,
         success: function(response){},
         error: function(e){}
      });
  }
 });
}  

However if I am not using validation and calling Ajax directly i am able to post the data. Please suggest where I am going Wrong.

I have gone through other threads and used one for reference but still I am not able to find the solution.
My question is:

I am calling a function on button click now that function has validation after validation I am trying to post data with ajax request in submit handler, problem is my fields are getting verified but Ajax request is not invoked.

<input type="button" value="Register" id="registerP" onclick="registerPatient()"  class="form-control input-sm btn-success ">

function registerPatient(){
$("#patientRegistration").validate({
rules: {
    patientName: {
    required: true,
    textOnly: true
                },
       },
messages: {
       patientName: {
       required: "Please enter the full name",                  
                    },
          },
submitHandler: function(form) { 
            $.ajax({
             type: "POST",
             url: "/LoginMavenSpringMVC/appointment/savePatient",
             data: "patientName=" + patientName,
         success: function(response){},
         error: function(e){}
      });
  }
 });
}  

However if I am not using validation and calling Ajax directly i am able to post the data. Please suggest where I am going Wrong.

• javascript
• jquery
• ajax

Share Improve this question Follow edited Dec 28, 2016 at 7:52 Alexis 5,83111 gold badge2929 silver badges4646 bronze badges asked Dec 28, 2016 at 7:39 Vipul SinghVipul Singh 39311 gold badge1010 silver badges2626 bronze badges 2

• give url or upload plete , so that can clearly look into – Ganesh Putta Commented Dec 28, 2016 at 7:45
• i dint get your point. – Vipul Singh Commented Dec 28, 2016 at 8:12

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

You can try like this which call jquery form validation and check if validated:

$(document).ready(function(){
  $("#patientRegistration").validate({
    rules: {
        patientName: {
        required: true,
        textOnly: true
                    },
           },
    messages: {
           patientName: {
           required: "Please enter the full name",                  
                        },
              }
     });
});

function registerPatient(){
   var IsValid=$("#patientRegistration").valid();
   if(IsValid){
     var patientName=""; //value for patient name
     $.ajax({
             type: "POST",
             url: "/LoginMavenSpringMVC/appointment/savePatient",
             data: {"patientName": patientName},
             success: function(response){},
             error: function(e){}
     });
   }
}

Change your data syntax of ajax to this.

data: {patientName:patientName},

Make sure you have a parameter on catching method of the same name "patientName" to invoke its post from page on post.

This should work.

Also check if you get a patientName paramater value in your post. To do so first check by "alert" and pass the patientName parameter. You will know what you are getting and why post is not happening.