formxana v1.0.2

Example usage

export default function Index() { const formErrors, setFormErrors = useState({}) let schema = { firstName: new xana().minlength(10).required().end(), lastName: new xana().minlength(10).required().end(), age: new xana().required().end(), }

const handleSubmit = (e) => { e.preventDefault() const errors = validateForm(e,schema) console.log(errors) setFormErrors ( errors ) }

return (

<!-- <div>
  <form  onSubmit={  handleSubmit  } >
    <input name='firstName' onChange={ (e) => validateForm(e,schema) } type="text" />
    <input name='lastName'  onChange={ (e) => validateForm(e,schema) } type="text"   />
    { formErrors.firstName?.[0]  || ''}
    <button> VUr </button>
  </form>
</div> -->

) }

Simple form and validation

Primary usage

use validate() function to check validation of any object to your own rules. Rule attributes

Required : Array[0]

required :  [   true || false , 'default error message : required  ' 

allowedCharacters : [ 'abc' || 'ABC' || '123' || 'any symbol' || ] minlength : number maxlength : number

console.log(validate({ firstName: 'Nihat', lastName: 'Abdullazade' }, {

// firstName: { required: [true,'Required'], minlength: [3,'Minimum length is 3'], maxlength: [ 35 , ['Too long'], allowedCharacters: [  ['ABC', 'abc', '123', '_', '-'] , 'a' ] },
// lastName: { required: true, minlength: 3, maxlength: 35, allowedCharacters: ['ABC', 'abc', '123', '_', '-'] }

}))