The code below is supposed to cancel the default form behavior when it finds certain info missing. Currently, however, in spite of detecting missing info it allows the form submission to continue. Anyone see what wrong? Thanks.


var DOM = YAHOO.util.Dom;
YAHOO.util.Event.onDOMReady(init);

function init() {
YAHOO.util.Event.addListener("contact_form", "submit", checkForm);
}

function checkForm() {
var fName = DOM.get('f_name');
var lName = DOM.get('l_name');

if (fName.value == "") {
DOM.get('f_name_error').innerHTML = "This field is required!";
fName.focus();
return false;
}

Ah, it was a YUI framework thing; code should have been:

function checkForm(e) {
var fName = DOM.get('f_name');
var lName = DOM.get('l_name');

if (fName.value == "") {
DOM.get('f_name_error').innerHTML = "This field is required!";
fName.focus();
YAHOO.util.Event.preventDefault(e);
}