Widgets: форма с автопроверкой

<form class='frm' id='our_form' method='POST' action=''>
<table>

<tr>
<td>Имя <span>*</span></td>
<td><input name='name' value='' maxlength='20' class='bla small required bla2'></td>
</tr>

<tr>
<td>Должность <span>*</span></td>
<td><input name='profession' value='' maxlength='60' class='small required'></td>
</tr>

<tr>
<td>E-mail <span>*</span></td>

<td><input name='mail' class='required' value='some_example@domain.ru' maxlength='60'></td>
</tr>


<tr>
<td>Second mail</td>
<td><input name='email' value='some..wrong_example@domain.cc' maxlength='60'></td>
</tr>

<tr>
<td>Пароль <span>*</span></td>
<td><input name='password' class='required' value='' maxlength='60' type='password'></td>
</tr>

<tr>
<td>Подтверждение пароля <span>*</span></td>
<td><input name='password_confirm' class='required' value='' maxlength='60' type='password'></td>
</tr>

<tr>
<td>Пол <span>*</span></td>
<td>

<select name='gender' class='required'>
<option value=''></option>
<option value='10'>Мужской</option>

<option value='1'>Не мужской</option>
</select>
</tr>

<tr>
<td>Образование</td>

<td>
<select name='education'>
<option value=''></option>
<option value='10'>Высшее</option>

<option value='1'>Среднее</option>
<option value='100'>Просто хорошее</option>
</select>
</tr>

<tr>
<td>Увлечения</td>
<td><textarea name='hobby'></textarea></td>
</tr>

<tr>
<td colspan='2' align='center'><input name='blablabla' type='hidden'></td>
</tr>

<tr>
<td colspan='2' align='center'><input class='sbm' name='sub' value='Отправить' type='submit'></td>
</tr>

</table>
</form>

<script type='text/javascript'>
<!--
    new formValidate('our_form');

-->
</script>

document.getElementById('some_element').onclick = someFunc;

function $(obj) {
  	if (typeof obj == 'object')
  	return obj;
	if (document.getElementById)
		return (document.getElementById(obj));
	else  if (document.all) 
		return document.all(obj);

    return null;
}

String.prototype.str_replace = function(srch, rpl)
{
	var ar = this.split(srch);
	return ar.join(rpl);
}


function getParent(el) {

	return ((el.parentElement) ? el.parentElement : ((el.parentNode) ? el.parentNode : null));

}

function createMessage(el, i, message, parent)
{
	if (!$('id' + i))
	{
		var newB = document.createElement("B");
		newB.setAttribute('id', 'id' + i);
		newB.appendChild(document.createElement("BR"));
		newB.appendChild(document.createTextNode(message));				
		if (parent)
			parent.appendChild(newB);
	}
}

function removeMessage(el, i, parent)
{
	if ($('id' + i))
	{ 
		var b = $('id' + i); 
		if (typeof  parent != 'undefined' && b) parent.removeChild(b);
	}
}

function checkMail(el) {
	if (el.name.indexOf('mail') != -1)
	{
		var mail = "^([A-Za-z0-9]+([-_\.]?[A-Za-z0-9]+)?@[A-Za-z0-9]+(\.?[A-Za-z0-9]+?)\.[A-Za-z]{2,9})$";
		var re = new RegExp(mail);
		return !re.test(el.value + "");
	}
	return false;
}

function checkConfirm(el, frm)
{
	var pos = el.name.indexOf('_confirm');
	if (pos != -1)
	{
		var master = el.name.substr(0, pos);
		if (frm.elements[master] && frm.elements[master].value)
		{
			if (frm.elements[master].value != el.value)
				return true;		
		}
	}
	return false;
}

function isRequired(el)
{
	return ((el.className.indexOf('required') != -1) && ((typeof  el.value != 'undefined') && (el.value == '')));	
}

function isMailField(el)
{
	return (el.name.indexOf('mail') != -1);
}

function formValidate(form)
{
	this.form_ = $(form);
	this.queue = new Array();
	this.queueText = new Array();
	this.empty_message = 'Внимание! Вы не заполнили обязательное поле!';
	this.addCheck(checkMail, 'Адрес электронной почты введён неверно!');
	this.addCheck(checkConfirm, 'Подтверждение не совпадает!');

	this.setValidate(form);	
};

formValidate.prototype.processError = function(el, num, message, parent)
{
	createMessage(el, num, message, parent);
	if (this.first == 0)
		this.first = el;
	this.return_val = false;
}

formValidate.prototype.unsetError = function(el, i, parent)
{
	removeMessage(el, i, parent);	
}

formValidate.prototype.validate = function(form)
{
	this.return_val = true;
	this.first = 0;

	if (typeof (form.elements) != 'undefined')
	{
		var els = form.elements;
		if (els && els.length && els.length > 0)
		{
			for (var i = 0; i < els.length; i++)
			{
				var parent = getParent(els[i]);
				el.className = el.className.str_replace('selected', '');
				if (isRequired(els[i]))
				{
					this.processError(els[i], i, this.empty_message, parent);
				} 
				else  
				{
					this.unsetError(els[i], i, parent);

					if (els[i].value == '')
						continue;

					for (j = 0; j < this.queue.length; j++)
					{
						if (this.queue[j].call(this, els[i], this.form_))
						{
							this.processError(els[i], i, this.queueText[j], parent);
							break;
						}
						else 
						{
							this.unsetError(els[i], i, parent);
						}
					}	
				}

			}
		}
	}
	if (this.return_val === false && this.first)
	{
		this.first.className += ' selected';
		this.first.focus();
	}
	
	return this.return_val;
};



formValidate.prototype.setValidate = function (form)
{
	obj = this;
	if ($(form)) $(form).onsubmit = function () { return obj.validate($(form));};
};

formValidate.prototype.addCheck = function (fn, message) {
	this.queue[this.queue.length] = fn;
	this.queueText[this.queueText.length] = message;
};

// После кода формы или в OnLoad всей страницы следует написать
new formValidate('our_form');
// где 'our_form' - ID формы, желательно, не должно совпадать с name 
// из-за всеми любимого IE