JavaScript_form表单验证：采用focus()事件处理；

// form表单验证：非空、密码确认；
// 思路：采用focus()来进行验证；
window.onload = checkForms;

function checkForms() {
    document.getElementById("userName").focus();
    var form, field;
    // 循环每个form表单：
    for(var i=0, len=document.forms.length; i<len; i++) {
        form = document.forms[i];
        form.onsubmit = function() {
            return validform(this);    
        }
        for(var j=0, k=form.length; j<k; j++) {
            field = form[j];
            if(field.id !="" && field.className !="") {
                // 句柄函数
                field.onblur = function() {
                    fieldblur(this);    
                }
            }
        }
    }
}

function validform(form) {
    var f;
    for(var n=0, s=form.length; n<s; n++) {
        f = form[n];
        if(f.type=="text" || f.type=="password") {
            if(f.value == "") {
                f.className = "invalid";
                f.focus();
                return false;    
            }
            if(f.id == "passwd2") {
                var pw1 = document.getElementById("passwd1").value;
                if(f.value != pw1) {
                    f.focus();
                    f.select();
                    f.className = "invalid";
                    return false;    
                }
            }
        }
    }
    return true;
}

function fieldblur(field) {
    if(field.value =="") {
        field.className = "invalid";    
    } else {
        // 归位；
        fieldreset(field);
    }
}

function fieldreset(field) {
    switch(field.id) {
        case "userName":
        case "passwd1":
            field.className = "reqd";
            break;
        case "passwd2":
            field.className = "reqd passwd1";
            break;
        default:
            break;
    }
}