min required

resources/views/account-setup.blade.php

@@ -44,13 +44,28 @@
             @error('password')
             <span class="text-sm text-danger">{{$message}}</span>
             @enderror
+            <span class="text-sm text-danger pass-warning" style="display:none;">Minimum 6 characters required.</span>
         </div>
 
         <div class="row mb-4">
             <div class="col-12 text-center">
-                <input type="submit" name="Submit" value="Create Account"  class="btn btn-orange text-uppercase py-2 px-4">
+                <input type="submit" name="Submit" value="Create Account" disabled="true" class="btn btn-orange text-uppercase py-2 px-4">
             </div>
         </div>
     </form>
 </div>
+<script type="text/javascript">
+  var checkValidation = function() {
+    $('[type=password]').on('keyup', function(){
+      if ($(this).val().length < 6) {
+        $('[type=submit]').prop('disabled', true);
+        $('.pass-warning').show();
+      }else {
+        $('[type=submit]').prop('disabled', false);
+        $('.pass-warning').hide();
+      }
+    })
+  }
+  checkValidation();
+</script>
 @endsection