html5输入错误消息

时间:2014-02-27 13:24:09

标签: jquery html5 forms error-handling

我有一个用于添加员工的管理员模板页面。页面设计是这样的,其中标题(在顶部)和导航(在左侧)是位置固定的。所以内容区域(其余区域,其中表单是为了添加人员)在向下滚动时落后于标题。

最初,有一个问题是,在点击提交按钮时,输入字段和相应的错误消息都位于标题区域的后面。我设法使用以下jQuery代码返回前面或内容区域:

<script>
    $('#submt-form').click(function(){
        $('html,body').animate({scrollTop: $('input:invalid').offset().top-150}, 'slow');

    });
</script>

现在的问题是,当输入字段返回到具有上述jquery代码的内容区域时,相应字段上的html 5错误消息需要一些时间(几秒)才能返回到输入字段的附加位置。

是否有任何方法可以使错误消息与相应的输入字段一起移动。

1 个答案:

答案 0 :(得分:0)

尝试绑定到验证后但在显示失效UI之前触发的输入元素的“无效”事件。