Validation

Validation using jquery

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<h1>Form Validation Example</h1>
<form id='registerForm' name='registerForm' method='post' action='' >   <p>
   Name: <input type='text' name='firstname[0].a' id='name1'  />
   </p>
   <p>
   Name: <input type='text' name='firstname[1].a' id='name2' />
   </p>
   <p>
   <input type='submit' name='Submit' value='Submit' />
   </p>
</form>

CSS

.error {
    font: normal 10px arial;
    padding: 3px;
    margin: 3px;
    background-color: #ffc;
    border: 1px solid #c00;
}
body{font-size:x-large;background:#CCC;}
h1{margin-bottom:20px;}
form{padding:50px;}

JavaScript

$(document).ready(function(){
    $("#registerForm").validate({ rules: {
			'firstname[]': {
					required: true,
					minlength: 1
				}, 
    }
   });
   
   $.validator.prototype.checkForm = function() {
    //overriden in a specific page
    this.prepareForm();
    for (var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++) {
        if (this.findByName(elements[i].name).length !== undefined && this.findByName(elements[i].name).length > 1) {
            for (var cnt = 0; cnt < this.findByName(elements[i].name).length; cnt++) {
                this.check(this.findByName(elements[i].name)[cnt]);
            }
        } else {
            this.check(elements[i]);
        }
    }
    return this.valid();
};
  });