Consume php ajax POST call for registration

Consume php ajax POST call for registration

How to get all error responses like password dismatch or password not more than 6 chars. or email is invalid.

My ajax:
  1. // process the form
  2. $('#employer').click(function(e) {
  3.     // get the form data
  4.     // there are many ways to get this data using jQuery (you can use the class or id also)
  5.     //Personal account
  6.     var image = $("#avatar").val();
  7.     var first_name = $('#first_name').val();
  8.     var last_name = $('#last_name').val();
  9.     var email = $('#email').val();
  10.     var password = $('#password').val();
  11.     var password_confirmation = $('#password_confirmation').val();
  12.     var gender = $("#option:checked").val();
  13.     //Business
  14.     var logo = $("#logo").val();
  15.     var business_name = $('#business_name').val();
  16.     var business_email = $('#business_email').val();
  17.     var business_phone = $('#business_phone').val();

  19.     // process the form
  20.     $.ajax({
  21.         type        : 'POST', // define the type of HTTP verb we want to use (POST for our form)
  22.         url         : 'routes/signasemployer.php', // the url where we want to POST
  23.         data: {
  24.          //Personal account
  25.          'image' : image,
  26.          'first_name' : first_name,
  27.          'last_name' : last_name,
  28.             'email' : email,
  29.             'password' : password,
  30.             'password_confirmation' : password_confirmation,
  31.             'gender' : gender,
  32.             //Business
  33.             'logo' : logo,
  34.             'business_name' : business_name,
  35.             'business_email' : business_email,
  36.             'business_phone' : business_phone
  37.         },
  38.         dataType:'JSON',
  39.         success: function(data) {
  40.          //data = jQuery.parseJSON(data);
  41.             console.log(data);

  43.             // here we will handle errors and validation messages
  44.             if (data.success == false) {
  45.                 console.log(data.success);
  46.                 // handle errors for password ---------------
  47.                 if (data.data.password) {
  48.                     $('#password').addClass('has-error'); // add the error class to show red input
  49.                     $('#password').append('<div class="help-block">' + data.data.password + '</div>'); // add the actual error message under our input
  50.                 }

  52.                 // handle errors for email ---------------
  53.                 if (data.data.email) {
  54.                     $('#email').addClass('has-error'); // add the error class to show red input
  55.                     $('#email').append('<div class="help-block">' + data.data.email + '</div>'); // add the actual error message under our input
  56.                 }

  58.             } else {
  59.                 console.log(data.data.password);
  60.                 // ALL GOOD! just show the success message!
  61.                 $('form').append('<div class="alert alert-success">' + data.message + '</div>');
  62.                 //window.location = 'home.php';

  64.             }
  65.         }
  66.     });
  67.     // stop the form from submitting the normal way and refreshing the page
  68.     e.preventDefault();
  69. });
My api response: if password too short and if doesn't match:

  1. {
  2. success: "false",
  3. message: "Validation Error.",
  4. data: {
  5. password: ["The password must be at least 6 characters.", "The password confirmation does not match."]
  6. }
  7. }