Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <form id="theForm" class="formContainer">
- <div class="formbox formbox-33">
- <input type="text" name="FirstName" class="inputField required">
- <label class="float-label">First Name:</label>
- </div>
- <button type="Submit" id="submitButton">Submit</button>
- </form>
- <form id="theForm2" class="formContainer">
- <div class="formbox formbox-33">
- <input type="text" name="FirstName" class="inputField required">
- <label class="float-label">First Name:</label>
- </div>
- <button type="Submit" id="submitButton">Submit</button>
- </form>
- <script type="text/javascript">
- $(document).ready(function() {
- // Initializing the forms present on current page
- $("#theForm").validate();
- $("#theForm2").validate();
- });
- </script>
- var $theForm = $(".formContainer"),
- $form = $theForm.validate();
- $theForm.on('blur', '.inputField', function(e){
- if( $(this).hasClass("errorMessage") && $(this).parent().not( "invalid" ) ) {
- $( this ).parent().addClass(" invalid");
- $( this ).parent().removeClass("inputValid");
- }
- if( $(this).hasClass("valid") ) {
- $( this ).parent().addClass(" inputValid");
- $( this ).parent().removeClass("invalid");
- }
- });
- $( ".button-reset" ).click(function() {
- var parentFinder = '#' + $(this).parents('.formContainer').attr("id");
- var $FormReseter = $(parentFinder).validate();
- $FormReseter.resetForm();
- $(parentFinder + " .inputValid").removeClass("inputValid");
- $(parentFinder + " .invalid").removeClass("invalid");
- });
- $(".formContainer").each(function(i, obj) {
- $form = $(this).validate();
- $(this).on('blur', '.inputField', function(e){
- if( $(this).hasClass("errorMessage") && $(this).parent().not( "invalid" ) ) {
- $( this ).parent().addClass(" invalid");
- $( this ).parent().removeClass("inputValid");
- }
- if( $(this).hasClass("valid") ) {
- $( this ).parent().addClass(" inputValid");
- $( this ).parent().removeClass("invalid");
- }
- });
- });
Add Comment
Please, Sign In to add comment