Form Validation using Javascript OOP

by Prasad

HTML

<body onLoad="validator.init('registerUser')">
<form name="registerUser" onSubmit="validator.validate('userName')" method="post" action="#">
	<label for="userName">Username:</label>
    <input type="text" name="userName"><br>
    <label for="password">Password:</label>
    <input type="password" name="password">
    <input type="submit" value="Register">
</form>
</body>

JavaScript

var validator={
	init: function(frm) {this.form=document.forms[frm]; console.log('initialized: '+this.form.name)},
	validate: function(fld) {
		console.log("field: "+fld)
		alert((this.forms[fld].value=='')? "False" : "True")
		return this.forms[fld].value!=''
	}
}