the-validation v1.0.1

the-validation

What is this?

A pure Javascript plugin ( Extended from validator by cohara87 ) used to validate all HTML Input Types.

It can also be used to validate data independently.

Currently, no XSS sanitizer is supported.

Form handling

Client side:

<form name="the_form">
  <input type="text" name="the_text">
  <input type="number" name="the_number">
  <button>Submit</button>
</form>

<script src="the-validation.js"></script>
<script>
  const validator = new TheValidation( {
    'the_text': 'required|email',
    'the_number': 'required|number'
  }, "the_form" );

  validator.submit( function( res, err ) { // onsubmit
    if( !res ) {
      console.log( "Error Message", err );
    }
  } );
</script>

Server side:

const TheValidation = require( 'the-validation' );

// OR

import TheValidation from 'the-validation';


// ▼------------ Go------------- ▼
var data = { "the_text": "example@gmail.com" }

const validator = new TheValidation( {
  'the_text': 'required|email'
}, data );

if( !validator.validate() ) {
  console.log( "Error message", validator.errorMessage );
}

Single data handling

Client side:

<script src="the-validation.js"></script>
<script>
  var validator = new TheValidation();
  console.log( validator.isNumber( 10 ) ); // true
</script>

Server side:

const TheValidation = require( 'the-validation' );
const validator = new TheValidation();
console.log( validator.isNumber( 10 ) ); // true

Set Error Messages with setMessage(rule, msg):

const TheValidation = require( 'the-validation' );
const validator = new TheValidation( {
  'data': 'required|number:10:1000'
}, "the_form" );

validator.setMessage( "required", "Please fill out this field." );

// With format based on all rules below
validator.setMessage( "number", "Accept only numbers within a range of #min# and #max#." );

Validate functions