🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Validify.js is a very small jQuery plugin which provides real-time, client side input field validation on your login form.

Form-Validation

Documentation

validify.js

a jquery plugin for simple login form validation

alt tag

Demo: http://projects.emretekince.com/validifyjs/demo.html

Installation

  • Extract files
  • Add validify.js and validify.css to your project and make sure that you have jQuery in your project.
  • Call the plugin with $("#example-form").validify();

Options

Options for plugin.

errorStyle CSS class for textbox when it's invalid. Default: validifyError

successStyle CSS class for textbox when it's valid. Default: validifySuccess

emailField Name of e-mail field to special check. Default : input[name='email']

emailCheck Enables checking for email field. Default : true

requiredAttr HTML tag which defines field is required. Default : required

Events

onSubmit Callback when the form is submitted.

onFormSuccess Callback when the form is valid.

onFormFail Callback when the form is invalid.

Example

Form

<form  id="demo" > 	<div class="form-group"> 		<input type="email" class="form-control textbox" name="email" required placeholder="e-mail"> 	</div> 	<div class="form-group"> 		<input type="password" class="form-control textbox" required placeholder="pass"> 	</div> 	<div class="form-group"> 		<button class="btn btn-default btn-osx btn-lg"  type="submit"><i class="fa fa-arrow-circle-right"></i></button> 	</div> 	<div class="alert alert-success hidden" role="alert">Successfully</div> </form> 

Javascript

$("#demo").validify({ 	onSubmit: function (e, $this) { 		$this.find('.alert').removeClass('hidden') 	}, 	onFormSuccess: function (form) { 		console.log("Form is valid now!") 	}, 	onFormFail: function (form) { 		console.log("Form is not valid :(") 	} }); 

License: Do whatever you want with this


You May Also Like