html5中input的required使用报错怎么解决


这篇文章主要讲解了“html5中input的required使用报错怎么解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5中input的required使用报错怎么解决”吧!问题描述在form表单提交的时候,有些input标签被隐藏,表单验证过程中会出现An invalid form control with name 香港云主机='' is not focusable的错误虽然我遇到的问题是我的input标签根本没有required属性,但是在该标签隐藏之前,(我的是使用tab栏切换)我输入了错误的格式,再隐藏,这时候他其实是错误的,会被form表单同样去验证,但是由于它被隐藏,浏览器获取不到焦点就会报错。解决方法隐藏之前将该input的value值设置为空即可.我的input上面没有使用required属性。如果input含有display:none和required属性,也会产生该错误产生原因Chrome希望专注于需要但仍为空的控件,以便可以弹出消息“请填写此字段”。但是,如果控件在Chrome想要弹出消息的时候隐藏,即在提交表单时,Chrome无法关注该控件,因为它是隐藏的,因此表单不会提交。解决方法如下1.隐藏时,将required属性删除2.没有使用required的话,或许是由于button按钮,类型未设置造成。设置3.form表单不验证,即添加novalidate属性。(不是最终解决办法

4.既然是由于使用了display:none造成,同样的visibility: hidden 也会造成问题,那就不使用。通过可以设置css样式opacity: 0;5.禁用此表单控件。 disabled 这是因为通常如果你隐藏了表单控件,那是因为你不关心它的价值。所以这个表单控件名称值对在提交表单时不会被发送。感谢各位的阅读,以上就是“html5中input的required使用报错怎么解决”的内容了,经过本文的学习后,相信大家对html5中input的required使用报错怎么解决这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是开发云,小编将为大家推送更多相关知识点的文章,欢迎关注!

相关推荐: 如何在电脑中设置隐藏账户

这篇文章将为大家详细讲解有关如何在电脑中设置隐藏账户,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1.打开电脑中的用户账户界面,如图所示:2.在界面中双击需要在登录界面中隐藏的用户名,如图所示:3.打开电脑中的注 香港云主机…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 07/18 17:22
下一篇 07/18 17:22

相关推荐