html5输入错误信息

Question

我有一个用于添加人员的管理员模板页面。页面设计是这样的，其中头部（顶部）和导航（左侧）的位置是固定的。因此，内容区域（其余区域，表单添加人员的位置）在滚动标题后面。

最初，点击提交按钮时输入栏和相应的错误信息都在标题区后面都有问题。我设法带回前面或内容区域使用下面的jQuery代码：

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

    }); 
</script> 

现在的问题是，虽然输入外地回来以上jQuery代码的内容区域，在各自的领域中的HTML 5的错误信息需要一段时间（几秒钟）移回到输入字段的附加位置。

是否有任何方法使错误消息随相应的输入字段一起移动？

Answer 1

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