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

【相关的表单提交,不能跳转。】

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

如图:


该问题起因:  

当空字段具有所需的属性,并尝试发送的形式,一些浏览器如ChromeFirefox让场上的焦点,并采取一个消息在一个特殊的工具提示。

当需要的领域会出现此错误是隐藏或不可见的,因此无法发出信号并报告是必需的。

说白了就是,你的表单的数据有的字段不满足这个字段的Require,但是呢,后台的js验证似乎没能做的那么好,不能给有效的提示。

都是碰巧给表单页面做二次开发,出现了这个问题。

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


解决方案如下:

1. 检查表单的input字段,查看是否有html5的验证要求,比如上面的minlength,maxlength等
2. 删除或修改所需要的属性,这个地方我觉得,完全可以采用js验证或者不修改这个属性,至少填写不规范,js要提示用户对吧。

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

猜你喜欢

转载自blog.csdn.net/zstkst/article/details/48677427