easy,fast and quick to use... it's a Volcano

Volcano Validation is a New Real-Time Validation Library using Vanilla javascript, it's don't need to any javascript Skills . just using our Attribute in HTML form, and also we don't believe in Jquery here.



How to use

1- Create a Form

Creat a Form using <form> Element and give it a name="myform" and action="" attribute.

Inside the action="" put the php page that you need to send that data to it


2- Create a Button

Inside the form creat a Button to submit a data using <button> Element then give it a type="button" and onclick="start_validation(myform)" attribute.

below we creat a first and second steps in code... to be a litle easer for you.


<form name="myform" action="" >
    
    // do your input here
    
    <button> type="button" onclick="start_validation(myform)"<button/>
<form/>

Copy to clipboard

3- chose some Inputs

Chose a <input /> feilds from below then put it inside the form after that your form is ready .

below we have all type of validation this library can supported... so please chose what you want and don't forget to make a star in github


Navigation

How to use
Real-Time Validation Normal Validation


Download

Real-Time Validation

<input type="text" class="volcano-validation" data-rt-required="true" />

Copy to clipboard

<input type="text" class="volcano-validation" data-rt-numeric="true" />

Copy to clipboard

<input type="number" class="volcano-validation" data-rt-min="10" />

Copy to clipboard

<input type="number" class="volcano-validation" data-rt-max="10" />

Copy to clipboard

<input type="number" class="volcano-validation" data-rt-min="0" data-rt-max="10" data-rt-required />

Copy to clipboard

<input type="number" class="volcano-validation" data-rt-min-length="6" />

Copy to clipboard

<input type="number" class="volcano-validation" data-rt-max-length="12" />

Copy to clipboard

<input type="number" class="volcano-validation" data-rt-min-length="2" data-rt-max-length="12" />

Copy to clipboard

this need (6 characters, no spaces, use letters).

<input type="number" class="volcano-validation" data-rt-password="easy" />

Copy to clipboard

this need (6 characters, no spaces, use letters, use numbres).

<input type="number" class="volcano-validation" data-rt-password="med" />

Copy to clipboard

this need (6 characters, no spaces, use letters, use numbres, use sympols).

<input type="number" class="volcano-validation" data-rt-password="hard" />

Copy to clipboard

  password
  Confirm password

<input type="password" class="volcano-validation" id="mypass" data-rt-password="easy" />
<input type="password" class="volcano-validation" data-rt-match-password="mypass" />

Copy to clipboard

<input type="number" class="volcano-validation" data-rt-email />

Copy to clipboard

this url work with or without protocols (Http:// - Https://).

<input type="number" class="volcano-validation" data-rt-Url />

Copy to clipboard

Normal Validation

to use this libraryas Normal Validation just delete -rt from any attribute you chose ..

in this situation the validation will start when the user click on checkout button and if ther data is clear he send the form