Giter Club home page Giter Club logo

validajtor's Introduction

This is the BNOTIONS Validajtor (not a misspelling).

To begin, please follow the steps below:

1. Add the following to your custom javascript file:
$('form').validajte({
	'labelpos' : 'absolute',
	'ajax' : false
});

Replacing -form- with the id of your form.

2. If you want a form element to be required then add this attribute to it "data-validation='{"required":true}"

3. You can continute to add to your validation by specifying the type as well "data-validation='{"required":true, "type":"email"}"

Types are defined by jquery.validajtor.js. The types currently supported are:

- Email
- Minimum length and mix of characters password
- Date
- Zip/Postal Code
- Matching inputs
- Custom word validation

4. To add two elements that need to match, please refer to the following code: 
<input type="email" name="email" id="param_email" data-validation='{"required":true, "type":"email", "match":"param_email2"}' required="required">

<input type="email" name="email2" id="param_email2" data-validation='{"required":true, "type":"email"}' required="required" >

5. To add in a custom error message: 

data-validation='{"required":true, "message":"Please enter your first name"}'

6. Custom word validation

data-validation='{"required":true, "regexp":"(yellow|green)", "message":"Prove you are human" }'

7. Have a great time.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.