lingmyat/mss-js-validation

This will validate request from blade without reload

Maintainers

Details

github.com/LingMyat/MssJsValidationPackage

Source

Issues

Installs: 80

Dependents: 0

Suggesters: 0

Security: 0

Stars: 2

Watchers: 1

Forks: 1

Open Issues: 0

v1.1.4 2023-12-04 10:05 UTC

MIT 2f197dfba54d06fb256bea51a37ef948549eb056

  • LingMyat <bizkits223.woop@gmail.com>

This package is auto-updated.

Last update: 2024-05-03 17:37:21 UTC

README

MSS Javascript Validation package allows to reuse your Laravel [Validation Rules][], [Messages][], [FormRequest][] to validate forms automatically in client side without need to write any Javascript code or use HTML Builder Class.

You can validate forms automatically referencing it to your defined validations. The messages are loaded from your validations and translated according your Localization preferences.

Supported versions

Laravel 9.x - 10.x

Feature overview

  • Automatic creation of Javascript validation based on your [Validation Rules][] or [FormRequest][], no Javascript coding required. -Not Supports other validation packages yet.
  • Unobtrusive integration, you can use without Laravel Form Builder
Installation
composer require lingmyat/mss-js-validation

After Installation you need to init package in config/app.php

'providers' => ServiceProvider::defaultProviders()->merge([
    Lingmyat\MssJsValidation\MssJsValidationServiceProvider::class,
])->toArray(),

Then you need to add aliases

'aliases' => Facade::defaultAliases()->merge([
    "MssValidation" => Lingmyat\MssJsValidation\Facades\MssValidation::class,
])->toArray(),

After that steps you still need to publish vendor files

php artisan vendor:publish --tag=mss-js-validation --force
Validating Form Request
<head>
    <link rel="stylesheet" href="{{asset('vendor/mss-js-validation/css/mss-js-validation.min.css')}}">
</head>

<form>
    <!-- ... My form stuff ... -->
</form>

<!-- Javascript Requirements -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script src="{{asset('vendor/mss-js-validation/js/mss-js-validation.min.js')}}"></script>

<!-- Laravel Javascript Validation -->

{!! MssValidation::script([
    'request'   => new App\Http\Requests\MyFormRequest()
]) !!}

If you are using Jquery select2 Plugin you can use like this

{!! MssValidation::script([
    'request'   => new App\Http\Requests\MyFormRequest(),
    'select2'   => true
]) !!}