valid-me-react v1.0.1

Modern validation for modern applications.

No more form validations, with valid-me-react you can validate groups of items, independently of which form they belong to.

React sample using JSX :

import ReactDOM from 'react-dom';
import {ValidMe,forceValidation,clearAllValidationErrors,phoneTypesEnum} from 'valid-me-react';

let doHi = () => {
  let areThereErrors = forceValidation(undefined, undefined, 'hi'); //validate elements belonging to group hi
  console.log(areThereErrors);
  if (!areThereErrors){
    clearAllValidationErrors();
  }
}
let handleChange = (event) => {
  console.log(event.target.value);
}

ReactDOM.render((
  <div>
    <div>
      <ValidMe validmefor="numeric" group="hi">
        <input type='text' onChange={handleChange}/>
      </ValidMe>
    </div>
    <button onClick={doHi}>
      Hi
    </button>
  </div>
), document.getElementById('app'));

The styles available in the live-sample are on the sample-styles.css file

Extra attributes you can pass to the ValidMe element :

validmemessage validmefor validmecondition validmenocolor validmeerror validmesuccess