JavaScript 快速和脏的表单验证器

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript 快速和脏的表单验证器相关的知识，希望对你有一定的参考价值。

<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>

以上是关于JavaScript 快速和脏的表单验证器的主要内容，如果未能解决你的问题，请参考以下文章