form提交时隐藏input发生的错误
问题描述
在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属性删除
selector.removeAttribute("required")
2.没有使用required的话，或许是由于button按钮，类型未设置造成。设置<button type="button">
3.form表单不验证,即添加novalidate属性。（不是最终解决办法）<form novalidate></form>
4.既然是由于使用了display:none造成，同样的visibility: hidden 也会造成问题,那就不使用。通过可以设置css样式opacity: 0;
5.禁用此表单控件。 disabled 这是因为通常如果你隐藏了表单控件，那是因为你不关心它的价值。所以这个表单控件名称值对在提交表单时不会被发送。
$("body").on("submit", ".myForm", function(evt) {
// Disable things that we don't want to validate.
$(["input:hidden, textarea:hidden, select:hidden"]).attr("disabled", true);
// If HTML5 Validation is available let it run. Otherwise prevent default.
if (this.el.checkValidity && !this.el.checkValidity()) {
// Re-enable things that we previously disabled.
$(["input:hidden, textarea:hidden, select:hidden"]).attr("disabled", false);
return true;
}
evt.preventDefault();
// Re-enable things that we previously disabled.
$(["input:hidden, textarea:hidden, select:hidden"]).attr("disabled", false);
// Whatever other form processing stuff goes here.
});
总结
以上所述是小编给大家介绍的h5的input的required使用中遇到的问题及解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。