
Security News
rv Is a New Rust-Powered Ruby Version Manager Inspired by Python's uv
Ruby maintainers from Bundler and rbenv teams are building rv to bring Python uv's speed and unified tooling approach to Ruby development.
@hugeinc/validator
Advanced tools
A simple and extendable client-side form Validator.
This a simple, extensible client-side validation class. It's "simple" because it includes only a small and basic set of validation functions. However, it's easily extensible so you may add your own types of custom validation.
While most other Validators require a particular accompanying Javascript framework, this one does not. Additionally, rather than a bloaty, full-featured validator, the approach taken herein is to create a basic validator that covers most general use-cases. If it doesn't cover yours, you can easily add any required functionality.
npm install @apathetic/validator
git clone git@github.com:apathetic/validator.git
There is an ES6 module you may consume however you wish. Then:
Check a form
var form = document.querySelector('#userForm');
var valid = Validator.check(form);
<form id="userForm">
<input id="email" name="email" data-validate="email" required />
</form>
Check a form section This is useful if you have multi-page forms, or wish to selectively validate sections.
var fieldset = document.querySelectorAll('fieldset');
var valid = Validator.check(fieldset[0]);
Add a custom rule
// add a rule called "count" that checks an input's length
Validator.addRule('count', function count(val) {
return val.length <= 40;
});
<textarea data-validate="count" required>40 characters or less, here</textarea>
method | args | description |
---|---|---|
check() | element (HTMLElement), success (Function) | Pass in a field or a DOM fragment. Checks if field (or fields within the fragment) are valid according to any data-validate/required attributes |
addRule() | name (String), validator (Function) | Add your own validation function. The validation function receives the field value to check against. Use your new rule by placing data-validate="name" on a field |
Event | description |
---|---|
validation:failure | Triggered when a form/section fails validation. The target is the form/section used |
validation:success | Triggered when a form/section passes validation. The target is the form/section used |
After cloning the repo:
npm i
npm start
A server will spin up at http://localhost:8080
, where you may play with the various examples.
Please see the test / demo directory
FAQs
A simple, extendable client-side valiator
The npm package @hugeinc/validator receives a total of 0 weekly downloads. As such, @hugeinc/validator popularity was classified as not popular.
We found that @hugeinc/validator demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ruby maintainers from Bundler and rbenv teams are building rv to bring Python uv's speed and unified tooling approach to Ruby development.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.
Security News
AGENTS.md is a fast-growing open format giving AI coding agents a shared, predictable way to understand project setup, style, and workflows.