Skip to content

A jquery plugin for validate.js form validation library, coupled with twitter bootstrap

Notifications You must be signed in to change notification settings

magizh/validate_helper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 

Repository files navigation

validate_helper

validate_helper.js is a jquery plugin that helps you use validate.js to validate forms, without the need for creating the validation object. Rather you simply add few attributes to the form elements as stated below. visit validatehelper.herokuapp.com to check out the form validation example and documentation.

In addition to that validate_helper uses bootstrap to display the error messages.

Special thanks to Rick Harrison for Validate.js. Its awesome!

Libraries required

  • jquery-1.7.1.min.js
  • bootstrap.min.css
  • validate.js
  • validate_helper.js

Form attributes to be added

  • Add name,id for the form tag.
  • Add class "validate" for the form elements you want to validate.
  • Add "data-rules" attribute to specify the rules in validate.js
  • Add "data-display" attribute to specify the display attribute in validate.js (optional)
  • Add control-group, help-block to display the errors
<form name="loginForm" id= "loginForm" action="#" method="POST">
  <div class="control-group">
    <input type="text" name="email" id="email" data-rules="required|valid_email" data-rules="Email" class="validate">
    <p class="help-block"></p>
  </div>
  <div class="control-group">
    <input type="password" name="password" id="password" data-rules="required" class="validate">
    <p class="help-block"></p>
  </div>
  <button type="submit" class="btn">Sign in</button>
</form>
  • Add the function call as shown below
<script>
var $my_form =  $("#loginForm")
$my_form.validate()
</script>
  • Having an optional callback after validation
<script>
var $my_form =  $("#loginForm")
$my_form.validate(function($form, e){ alert("submitted") })
</script>

Contact Email: [email protected]

About

A jquery plugin for validate.js form validation library, coupled with twitter bootstrap

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published