验证必填项，并光标定位到未填项

最新推荐文章于 2022-10-20 11:55:02 发布

原创最新推荐文章于 2022-10-20 11:55:02 发布 · 2.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #ViewUI

JavaScript 同时被 2 个专栏收录

2 篇文章

订阅专栏

jQuery

2 篇文章

订阅专栏

本文介绍了一个用于前端表单验证的JavaScript脚本，该脚本能够遍历表单中的所有输入字段并检查必填项是否完成填写。对于未填写的必填项，脚本会自动聚焦或展开选择面板，帮助用户快速定位并补全缺失信息。

//验证必填项，并光标定位到为填项
function skipVerify(formName){
    var inputElemts = $("form[id=" + "'" +formName + "'" + "] :input[id][type!='hidden']");
    inputElemts.each(function(i, inputElemt) {
        var s = $(this).attr('id');
        var inputValue = $(this).attr('value');
        var inputVal = $(this).val();
        var classVal = $(this).attr('class');
        if (classVal != '' && classVal != null && classVal != undefined){
            if(classVal.indexOf("easyui-combobox") == 0){
                var inputVal = $(this).combobox("getValue");
                if (inputVal == '' || inputVal == null || inputVal == undefined){
                    var o = $(this).combobox('options').required;
                    if (o == true){
                        $(this).combobox('showPanel');
                        return false;
                    }
                }
            }
            else if(classVal.indexOf("easyui-validatebox") == 0){
                var inputVal = $(this).val();
                if (inputVal == '' || inputVal == null || inputVal == undefined){
                    var o = $(this).validatebox('options').required;
                    if (o == true){
                        $(this).focus();
                        return false;
                    }
                }
            }
            else if(classVal.indexOf("combotree-f combo-f") == 0){
                var inputVal = $(this).combotree("getValue");
                if (inputVal == '' || inputVal == null || inputVal == undefined){
                    var o = $(this).combotree('options').required;
                    if (o == true){
                        $(this).combotree('showPanel');
                        return false;
                    }
                }
            }
            else if(classVal.indexOf("textbox easyui-validatebox") == 0){
                var inputVal = $(this).val();
                if (inputVal == '' || inputVal == null || inputVal == undefined){
                    var o = $(this).validatebox('options').required;
                    if (o == true){
                        $(this).focus();
                        return false;
                    }
                }
            }
            else if(classVal.indexOf("easyui-numberbox") == 0){
                var inputVal = $(this).val();
                if (inputVal == '' || inputVal == null || inputVal == undefined){
                    var o = $(this).numberbox('options').required;
                    if (o == true){
                        $(this).focus();
                        return false;
                    }
                }
            }
            else if(classVal.indexOf("easyui-datebox") == 0){
                var inputVal = $(this).datebox("getValue");
                if (inputVal == '' || inputVal == null || inputVal == undefined){
                    var o = $(this).datebox('options').required;
                    if (o == true){
                        $(this).datebox('showPanel');
                        return false;
                    }
                }
            }
        }
    });
}