HTML5 & # 39;需要# 39;表单重置时留下无效的伪类
HTML5 'required' leaving invalid pseudo class when form reset
我有一个使用HTML5 'required'验证的表单,我发现如果您尝试在IE中提交表单,输入将以红色突出显示无效的伪类-好的。
如果我完成表单并通过AJAX提交它,然后在成功后发出form.reset(),无效的伪类将被重新应用于表单元素,并以红色突出显示所有"必需的"输入。
我如何重置/清除表单完全包括无效的伪类?
我发现这似乎是跨浏览器工作的理想解决方案。
只需添加novalidate属性到表单,重置表单,然后删除它-简单!
$('#my_form').attr('novalidate','novalidate');
$('#my_form').get(0).reset();
$('#my_form').removeAttr('novalidate');
更新:好的,休斯顿我们有问题....
它已经修复了IE中的问题,但现在它在Firefox中引起了一个问题!
在Chrome和Opera中可以正常工作。
当novalidate属性从表单中删除时,为什么FF运行验证检查?
不理想,但我想我总是可以使用…
if(/trident/i.test(navigator.userAgent))
{
$('#my_form').attr('novalidate','novalidate');
$('#my_form').get(0).reset();
$('#my_form').removeAttr('novalidate');
}
else
{
$('#my_form').get(0).reset();
}
欢迎有其他建议
您可以将整个表单标签存储到javascript变量中,然后在提交或reset()时间后恢复到父元素,这将创建新的表单&替换旧格式,如..
//store after page load to reset when require-
var oldfrmcode=jQuery('.formcontainer').html();
//place following code to reset form require place
jQuery('.formcontainer').html(oldfrmcode);
相关文章:
- 需要帮助设置json数组
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 我需要从php调用javascript或jquery
- JQuery需要帮助理解(i,el)
- 节点是否需要模块传递带有方括号的arg?这是个错误吗
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- 如果我在javascript中输入无效的电子邮件或空白,如何显示特定的文本框边框红色
- 需要垫片设置-jquery.flot/jquery.flot.selection
- 需要帮助谷歌地图方向面板在FancyBox中显示
- iframe正在添加标签,需要删除它们
- onclick函数需要双击,因为类分配延迟
- jquery代码在Mozilla中有效,但在其他浏览器上无效
- Yelp API,OAuth;无效签名.需要签名基字符串
- 反应错误“失败的 propType:提供给”提供者“的无效道具'子项',需要单个 ReactElement'
- 未捕获的错误:不变冲突:元素类型无效:需要字符串(对于内置组件)或类/函数,但得到:对象
- 需要帮助将js函数(限制无效字符)限制为特定的输入类型
- HTML5 & # 39;需要# 39;表单重置时留下无效的伪类
- RegEx返回SyntaxError:无效正则表达式:/*/:不需要重复
- 未捕获的SyntaxError:无效的正则表达式:不需要重复
- 需要解决RTL模式下IE6和IE7中span的getBoundingClientRect()无效的问题