موجود بودن ایمیل در حین تایپ کردن

در صفحه register در زیر div email قبل از div password:

<div class="form-group row">

<label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>

...

</div>

اینجا

<div class="form-group row">

<label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

...

به این صورت یک اسکریپت مینویسیم:

ابتدا یک روت میسازسم:

Route::get('/checkEmailAlready/{email}', "UserController@checkEmailAlready");

سپس کنترلرش را میسازیم: (php artisan make:controller UserController)

use App\User;

class UserController extends Controller

{

    public function checkEmailAlready($email)

    {

        $count = User::where('email' , $email)->count();

        if($count>0)

        {

            return response()->json(["status"=>"already"]);

        }

        else

        {

            return response()->json(["status"=>"free"]);

        }

    }

}

زیر ایمپوت ایمیل:

...

<div class="col-md-6">

<input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">

<div id="checkvojod"></div> این رو می نویسیم

@error('email')

...

حال نوبت script است:

<script>

$("#email").keyup(function(){

// دریافت مقدار فعلی ایمیل تایپ شده

var email = $("#email").val();

// ارسال مقدار ایمیل تایپ شده به سرور جهت بررسی وجود یا نبود

$.ajax({

url: "checkEmailAlready/"+email ,

type : "get" ,

success : function(dariaft){   چیزی که برمیگرده رو اسمشو میزاریم دریافت

if(dariaft.status=="free")

{

$("#checkvojod").html("<p class='text-success'>آزاد است</p>");

}

else

{

$("#checkvojod").html("<p class='text-danger'>آزاد نیست</p>");

}

}

})

});

</script>