input错误提示，点击提交，提示有未填项，屏幕滑到input未填项的位置

function errorInfo(parm) {
    //获取文本框值
    var $val = parm.val();
    if ($val==""||undefined||null){
        //创建dom
        var errorHtml = $("<div class=\"fail-info-box\"><i class=\"fail-icon\"></i><span class=\"fail-txt\"> !</span></div>\n");
        var self = parm;
        //获取提示文本值
        var name = self.attr("data-name");
        //添加高亮
        self.addClass("fontColr");
        self.css({"border-color":""});
        //显示错误信息
        errorHtml.children(".fail-txt").html("您的"+name+"填写错误!");
        //插入dom
        self.after(errorHtml);
        //插入之后并显示
        errorHtml.show();
    }
}

//提交 下一步
function submitData(obj) {
    var $inputLen = $(obj).length;
    var $top;
    for(var i = 0;i<$inputLen;i++){
        //是否非空
        if($(".fail-info-input").eq(i).val()==""){
            //获取 为空的input top值
            $top = $(".fail-info-input").eq(i).offset().top-50;
            //提示错误信息
            errorInfo($(".fail-info-input").eq(i));
            //添加高亮
            $(".fail-info-input").eq(i).addClass("fontColr");
            //滑到未填项 的位置
            $("html,body").animate({scrollTop:$top}, 500);
            return false;
        }
    }
}

巴特西

input错误提示，点击提交，提示有未填项，屏幕滑到input未填项的位置

最新文章

热门文章