JQuery All Form Validations

1. Download Scripts parsley.min.js,parsley.extend.js  from 
http://parsleyjs.org/doc/download.html


2.Implement In your Codeing

Add the following script files in <head> or  <body> tag 
<script src="assets/js/parsley/parsley.min.js"></script>
<script src="assets/js/parsley/parsley.extend.js"></script>

Add the following statement in <form> tag 
<form id="form" data-validate="parsley">


for text : <input type="text" class="form-control" data-required="true">

for checking password and confirm password :  

<input type="password" class="form-control" data-required="true" id="pwd">
<input type="password" class="form-control" data-equalto="#pwd" data-required="true"> 

for phone : <input type="text" class="form-control" data-type="phone" placeholder="(XXX) XXXX XXX" data-required="true">

for  checkbox :  <input type="checkbox" name="check" checked data-required="true"><i></i> I agree to the <a href="#" class="text-info">Terms of Service</a>

for email : <input type="email" class="form-control" placeholder="Enter email" data-required="true">

for website : <input type="text" data-type="url"  data-required="true" class="form-control" placeholder="Your website url">

for textarea : <textarea class="form-control" rows="6" data-minwords="6" data-required="true" placeholder="Type your message"></textarea>

for combobox : <select data-required="true" class="form-control m-t">
  </select>        

for min-length of characters : <input type="text" data-minlength="6" class="form-control" placeholder="minlength = 6">

for max-length of characters : <input type="text" data-maxlength="6" class="form-control" placeholder="maxlength = 6">   

for number :  <input type="text" data-type="number" class="form-control" placeholder="number">

for digit : <input type="text" data-type="digits" class="form-control" placeholder="digits">   

for alphanumeric : <input type="text" data-type="alphanum" class="form-control" placeholder="alphanumeric string">

Post a Comment

Thank You

Previous Post Next Post