JavaScript 快速和脏的表单验证器

Posted 2021-05-20

<form name="frm" id="frm" onsubmit="return validateFrm(this.name,'#fff8dc','Please enter all required fields');">
<input type="text" name="fieldName" id="required" size="20" /> 
<input type="submit" value="Submit" />
</form>

<script language="javascript" type="text/javascript">
function validateFrm(sFrm,sFieldColor,sErrMsg) {
    var frm = document.getElementById(sFrm);
    var bFailed = false;
    var iFocus = -1

    for (var i=0;i<frm.length;i++) {
        if (frm.elements[i].id == 'required')
            frm.elements[i].style.background = '#fff';
    }
    
    for (var i=0;i<frm.length;i++) {
        if (frm.elements[i].id == 'required' && frm.elements[i].value == '') {
        
            if (iFocus == -1)
                iFocus = i;
                
            frm.elements[i].style.background = sFieldColor;
            bFailed = true;
        }

    }

    if (bFailed == true) {
        frm.elements[iFocus].focus();
        alert(sErrMsg);
        return false;
    }
}
</script>