Add support for HTMLFormElement in the validateForm method #403
Comments
|
Sure @SofianeLasri this can be done and I'll add it to the next update. Just curious though. Are there use-case where you will have multiple forms on a page that all need to be validated at once on click of one button? |
|
No I actually don't have one for this use case. But, my idea was to add this piece of code inside my view layout. Here, it is for my authenticaton pages. But I think that I will do the same for the dashboard layout were almost all the pages will contains forms. <!DOCTYPE html>
<html lang="{{ config('app.locale') }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@yield('title', 'Authentification')</title>
<link href="{{ asset('vendor/bladewind/css/animate.min.css') }}" rel="stylesheet"/>
<link href="{{ asset('vendor/bladewind/css/bladewind-ui.min.css') }}" rel="stylesheet"/>
<script src="{{ asset('vendor/bladewind/js/helpers.js') }}"></script>
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body>
<div class="min-h-screen flex flex-col justify-center items-center bg-gray-100">
<x-bladewind.card class="w-full max-w-md">
@yield('content')
</x-bladewind.card>
</div>
<script type="text/javascript">
dom_el('.validate-me').addEventListener('submit', function (e) {
e.preventDefault();
let validationStatus = validateForm('.validate-me');
if (validationStatus) {
this.submit();
}
});
</script>
</body>
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Actually, we have to set a class to the form that we want to validate. This is good for "one time" usage or for validating only the forms we want, but it restricts a little bit the scope.
The idea would be to being able call the validateForm method with the HTMLFormElement instance of the form, just like this :
With that, we would be able to fully 'automatize' the forms validation.
The text was updated successfully, but these errors were encountered: