An invalid form control with name='xxx' is not focusable

【相关的表单提交，不能跳转。】
有些表单，再输入表单数据之后，点击提交按钮不能提交，页面不能跳转，谷歌浏览器下会报标题的错误。
如图：



该问题起因：
当空字段具有所需的属性，并尝试发送的形式，一些浏览器如Chrome或Firefox让场上的焦点，并采取一个消息在一个特殊的工具提示。
当需要的领域会出现此错误是隐藏或不可见的，因此无法发出信号并报告是必需的。
说白了就是，你的表单的数据有的字段不满足这个字段的Require，但是呢，后台的js验证似乎没能做的那么好，不能给有效的提示。
都是碰巧给表单页面做二次开发，出现了这个问题。

当时的表单，一个号码是input元素，有两个HTML5的验证，一个是“minLength”（现在是1，是被修改过的，之前是10），一个是“maxLength”（也是10），然而后台js的验证却没有对他们做的友好提示，导致测试，输入不是10位的号码,表单就是提交不了。



解决方案如下：
1.
检查表单的input字段，查看是否有html5的验证要求，比如上面的minlength，maxlength等

2. 删除或修改所需要的属性，这个地方我觉得，完全可以采用js验证或者不修改这个属性，至少填写不规范，js要提示用户对吧。

翻墙查看了,有的在说什么谷歌浏览器的兼容问题等等之类的，大体上都是这样解决，如有好的建议和方法，还望大伙多多指教啊。（第一次开博，加油！）