How to Validate a Laravel Form Using jQuery Ajax

@vinubangs I'm not familiary with the validate plugin for jQuery so I can't help you there. But I see some problems in your controller. Try this:

public function varifyemail(Request $request)
{
    $email = User::where('email', $request->email)->get();

    if (count($email) > 0) {
        return false;
    } 

    return true;
}

public function varifycontact(Request $request)
{
    $contact = User::where('contact', $request->contact)->get();

    if (count($contact) > 0) {
        return false;
    }

    return true;
}

$email and $contact will be arrays so you can't reference the email or contact field directly. You could if you used ->first() instead of ->get().

Laravel will automatically return with JSON if the request was an AJAX request so there is no need to use echo json_encode()

You can use Laravel Validation in your controller : https://laravel.com/docs/5.7/validation#rule-unique

@SIGNAR - I tried, but error is

(1/1) UnexpectedValueException The Response content must be a string or object implementing __toString(), "boolean" given.

@vinubangs Oops! My bad! Try this instead:

public function varifyemail(Request $request)
{
    $email = User::where('email', $request->email)->get();

    if (count($email) > 0) {
        return false;
    } 

    return response()->json['success' => true];
}

public function varifycontact(Request $request)
{
    $contact = User::where('contact', $request->contact)->get();

    if (count($contact) > 0) {
        return false;
    }

    return response()->json['success' => true];
}

@SIGNAR - (1/1) FatalErrorException syntax error, unexpected '=>' (T_DOUBLE_ARROW), expecting ']'

in RegisterController.php line 62

@vinubangs It's not going too well today :) forgot parathesis around json

return response()->json(['success' => true]);

@SIGNAR - (1/1) UnexpectedValueException The Response content must be a string or object implementing __toString(), "boolean" given.

I often find the form request validation the best way to do it. This way laravel will validate the request before it hits the action thus preventing unnecessary data processing and possible errors. And it is very easy to use

https://laravel.com/docs/5.7/validation#form-request-validation

@CAC - I want to validate form without reload. And I want to do this thing with AJAX way.

And I have already added LARAVEL validation in my form.

@vinubangs The problem is not with the controller response. The problem is the query because you don't send through the correct data.

For your email validation you need to send through the email address to verify like so:

email: {
    remote: {
        url: "{{ url('varifyemail') }}",
        type: "GET",
        data: {
            email: function () {
                return $('#email').val();
            },
        }
    }
},

Do the same for the contact field:

data: {
    contact: function () {
        return $('#contact').val();
    },
}

@SIGNAR - I updated my controller by:

public function varifyemail(Request $request)
{
    $email = User::where('email', $request->email)->get();

    if (count($email) > 0) {
        return response()->json(['false' => false]);
    } 

    return response()->json(['success' => true]);
}

public function varifycontact(Request $request)
{
    $contact = User::where('contact', $request->contact)->get();

    if (count($contact) > 0) {
        return response()->json(['false' => false]);
    }

    return response()->json(['success' => true]);
}

And view ajax is:

<script type="text/javascript">
$(document).ready(function() {
// - validation
    if($('#Frm_sign').length > 0){
        
        $('#Frm_sign').validate( {
        rules:{
        
         email:{
                       
                       remote: {
                                url: "{{url("varifyemail")}}",
                                type: "GET",
                                data: {                                          
                                         email: function() {
            return $( "#email" ).val();
          }
                                      }                         
                          
                               }
              },
              
         contact:{
                       
                       maxlength:10,
                       minlength:10,
                       remote: {
                                url: "{{url("varifycontact")}}",
                                type: "GET",
                                data: {                                          
                                         contact: function() {
                                                     return $( "#contact" ).val();
                                                   }
                                      }                         
                          
                               }
              },
              
              
        
         password : {
                      equalTo: "#repass"
            }
           
          },
        messages: {
           
          email:      {
            
                        remote:"Email id already registred"
                        },
         contact:          {
                        remote:"Mobile number already registred",                       
                        maxlength : "Please enter valid mobile number",
                        minlength : "Please enter valid mobile number"
                        },
         password:          {
                        equalTo:"Password is not equal"
                        }
        
                   },
        
        submitHandler: function (form) {
                  
            form.submit();
        },
         errorPlacement: function (error, element) {
                error.appendTo(element.parent());
        }
        
        
        });
        
    }
    
});
</script> 

Now no error. And in my console everything is good. And it is showing {"success":true}.

But message for email or contact is not showing, if email or contact exist.

@vinubangs You need to tweek your response from the controller. I don't know what response the jQuery validation plugin expects.. From what I can gather from the documentation, you only need to return true or false as a string in JSON.

return response()->json("true");

or

return response()->json("false");

@SIGNAR - Thankyou Now it is working.

HEllo @signar ,

i have one issue , if my data is exist its show perfect , but if my data is not exist ,. its also show validation error show .. please make sure how to do solve that ? thank you