Oh-autoVal

A complete solution API for Automatic Form Validation.


Download jquery-3.2.1.min.js Download oh-autoVal-script.js Download oh-autoVal-style.css

About API

Oh-autoVal is a free Form validation API based on jQuery. It is developed by Amal K Jose as part of project work. The first version of Oh-autoVal v1.0.0 was released on 17th October, 2017. Now it is in a developing stage. And so, there may have more frequent updates.

Usage

Here you can get all information about how to use Oh-autoVal API in your project.

Steps to implement API to your forms


1. Include following lines to your website.
<!-- Adding oh-autoVal css style -->
<link rel="stylesheet" type="text/css" href="https://rawgit.com/ozonhub/oh-autoVal/master/css/oh-autoval-style.css">
<!-- Adding jQuery script. It must be before other script files -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> </script>
<!-- Adding oh-autoVal script file -->
<script src="https://rawgit.com/ozonhub/oh-autoVal/master/js/oh-autoval-script.js"></script>

2. Add a Form with onsubmit="return" and class="oh-autoval-form".
Example:
<form action="destignaion.php" class="oh-autoval-form" method="post" onsubmit="return">
      <!--Form elements -->
</form>

3. Add all required elements with class="av-format" and av-message="Error message".
Example:
<input type="text" name="email" class="av-email" av-message="Invalid email address"/>

4. Add a submit button on your form.
Example:
<input type="submit" name="submit" value="Submit"/>

Validation Formats

Here you can get all validation formats with description. These formats can be used for your validation purpose directly.

No Validator AV-Format Description Test here Implemented
1 Email av-email Email format validation
2017-10-17 23:56:04
2 Mobile number av-mobile Mobile number validation (10 numbers)
2017-10-18 00:23:08
3 Normal Required av-required Required field validation. Checking is blank.
2017-10-18 00:23:08
4 Phone av-phone Phone number 7-13 digits long
2017-10-18 02:40:40
5 Username av-username Contain a-z,A-Z,0-9,.and _ (3-32 chars)
2017-10-18 02:51:15
6 URL av-url Website links
2017-10-18 05:08:34
7 Integer Number av-integer Positive and negative integer number
2017-10-18 05:09:31
8 Numbers av-number Include floating point numbers too (no range limit)
2017-10-18 05:10:41
9 Cost/Price av-price Floating point with maximum 2 digits (0.99)
2017-10-18 05:12:12
10 Positive integer av-posnumber Positive integer numbers
2017-10-18 05:14:20
11 Negative integer av-negnumber Negetive integer numbers
2017-10-18 05:16:07
12 Image av-image Image validation
2017-10-18 05:18:05
13 Video av-video Video validation
2017-10-18 05:19:12
14 Audio av-audio Audio validation
2017-10-18 05:20:27
15 Capital Letters av-capletter Capital letters
2017-10-18 05:21:30
16 Small letters av_smallletter Small letters
2017-10-18 05:22:08
17 Pincode av-pincode Pincode 6 digits
2017-10-18 07:11:27
18 Password av-password Password must contain uppercase,lowercase,special chars,digits and minimum 6 chars.
2017-10-18 07:16:55
19 Aadhaar number av-aadhaar Aadhaar card number 12 digits
2017-10-18 07:19:49
20 All Documents av-docgroup Documents such as pdf,docx,xls etc
2017-10-18 07:21:44
21 PDF Document av-pdf PDF file validtion
2017-10-18 07:22:23
22 Doc File av-msdoc doc and docx files
2017-10-18 07:23:07
23 Excel file msexcel xls and xlsx file
2017-10-18 07:23:42
24 Powerpoint av-powerpoint ppt and pptx files
2017-10-18 07:24:21
25 Webpage files av-webpage Website related files
2017-10-18 07:25:17
26 IFSC Code av-ifsc Bank IFSC Code validation (9-13 chars)
2017-10-18 07:26:40
27 Bank Account number av-bankaccount Bank account validation (9-20 digits)
2017-10-18 07:27:51
28 ATM Card av-atm ATM card 14-20 digits
2017-10-18 07:28:53
29 Pancard Number av-pancard Pancard number validation
2017-10-18 07:29:47
30 Name av-name For name validation (space and . is allowed)
2017-10-18 10:57:12

Live example

Here live example of Oh-autoVal API implementation.

Code


<!-- Adding oh-autoVal css style -->
<link rel="stylesheet" type="text/css" href="https://rawgit.com/ozonhub/oh-autoVal/master/css/oh-autoval-style.css">
<!-- Adding jQuery script. It must be before other script files -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Adding oh-autoVal script file -->
<script src="https://rawgit.com/ozonhub/oh-autoVal/master/js/oh-autoval-script.js"></script>

<form action="" method="post" onsubmit="return" class="oh-autoval-form">
      <input type="text" name="email" av-message="invalid email" class="oh-autoval av-email">
      <input type="text" name="phone" av-message="invalid phone" class="oh-autoval av-phone">
      <input type="submit" name="sub" value="Submit">
</form>

Live Output







Get in touch

You can submit your Validation requirements here. We will try to implement all requests from you as most valuable.

  • Please make sure that you are giving a valid email address. We will send the request status to this email id.

  • support@oh-autoval.ml