Minimal jQuery Real-Time Form Validation Plugin - senp validate

File Size: 17.7 KB
Views Total: 1050
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimal jQuery Real-Time Form Validation Plugin - senp validate

senp validate is yet another jQuery form validation plugin that checks and validates users input based on regexp names or javascript functions. If the user inputs an invalid value, the plugin will display a hint frame with custom error messages attached to the input field.

Basic usage:

1. Create an email input field on your web page.

<input class="test" name="email" />

2. Load the latest jQuery javascript library and jQuery senp validate plugin in your web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="senp-validate.js"></script>

3. Validate the email input.

<script>
(function($){
$(function(){
$.senpValidate({

tooltipWidth:300,
items:[{
errorMessage:{
title:'Ooops maybe this email iswrong!',
text:'A correct email address could be [email protected]'
},
selector:'input[name=email]',
validate:'email'
},
}]
});
});
})(jQuery);
</script>

4. You can easily add your rules by setting up new regexps.

$.senpValidate('newRegexp', {
  regexpName1: /[thisismyregex1]/
  regexpName2: /[thisismyregex2]/
});

Change log:

0.4.4 (2014-02-12)

  • updated

This awesome jQuery plugin is developed by OctoD. For more Advanced Usages, please check the demo page or visit the official website.