Alpine-validator NPM

Alpine Validator

Add Validator to your Alpine 3.x components with a custom directive.

This package only supports Alpine v3.x.

This plugin adds a new x-validator to Alpine.

Include the following <script> tag in the <head> of your document, just before Alpine.

npm install alpine-validator

Add the x-validator directive to your project by registering the plugin with Alpine.

import Alpine from "alpinejs";
import Validator from "alpine-validator";

Alpine.plugin(Validator);

window.Alpine = Alpine;
window.Alpine.start();

To create a tooltip, use the x-validator directive on an element.

<div x-validator>
    <input data-validator data-filter="numeric" />
</div>

This projects follow the Semantic Versioning guidelines.

Licensed under the MIT license, see LICENSE.md for details.

2 years ago

2 years ago

2 years ago