在html5 Form表单中,有的时候需要特殊需求,需要隐藏一部分表单元素。提交的时候,浏览器console会报如下错误:
An invalid form control with name='xxx' is not focusable
原因是部分隐藏的表单是require的,提交的时候需要验证。解决方法是,设置隐藏的元素,设置一个css样式:
.hidden{
opacity: 0;
}
假如需要隐藏的表单元素,直接设置其class=“hidden”即可。就不要使用hide()和show()方法来显示隐藏了。