diff --git a/Modules/Leave/resources/views/create.blade.php b/Modules/Leave/resources/views/create.blade.php
index c56be23..22a97da 100644
--- a/Modules/Leave/resources/views/create.blade.php
+++ b/Modules/Leave/resources/views/create.blade.php
@@ -24,7 +24,7 @@
         <div class="col-lg-8">
           <div class="card">
             <div class="card-body">
-              <form action="{{ route('leave.store') }}" method="post">
+              <form action="{{ route('leave.store') }}" method="post" class="needs-validation" novalidate>
                 @csrf
                 @include('leave::partials.action')
               </form>
@@ -38,3 +38,7 @@
     <!-- container-fluid -->
   </div>
 @endsection
+
+@push('js')
+  <script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
+@endpush
diff --git a/Modules/Leave/resources/views/partials/action.blade.php b/Modules/Leave/resources/views/partials/action.blade.php
index 04ce95d..bae23c3 100644
--- a/Modules/Leave/resources/views/partials/action.blade.php
+++ b/Modules/Leave/resources/views/partials/action.blade.php
@@ -1,6 +1,10 @@
 <div class="mb-3">
   <label for="employeeName" class="form-label">Employee Name</label>
-  <input type="text" class="form-control" id="employeeName" placeholder="Enter emploree name" name="employeeName">
+  <input type="text" class="form-control" id="employeeName" placeholder="Enter emploree name" name="employeeName"
+    required>
+  <div class="invalid-feedback">
+    Please enter Employee Name.
+  </div>
 </div>
 <div class="mb-3">
   <label for="employeeUrl" class="form-label">Employee Department URL</label>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 8407633..dc16795 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -138,7 +138,7 @@
 
   <!-- Custom js -->
   <script type="module" src="{{ asset('assets/js/custom.js') }}"></script>
-
+  @stack('js')
 </body>
 
 </html>