在JS清除它后，Firefox警告我“需要”字段

我已经使用jQuery完成了一个ajax POST，并且我希望在成功提交后，表单输入被清除。问题在于，在JS清除它们之后，Firefox（24.0）会提醒我有关必填字段的问题。在JS清除它后，Firefox警告我“需要”字段

这是jsFiddle example，这是代码。尝试在输入中写入内容并提交表单。

HTML：

<form id="form" action="" method="post" accept-charset="utf-8"> 
    <input id="text" type="text" name="text" required /> 
    <button type="submit" name="submit">Submit</button> 
</form>

JS：

jQuery(document).ready(function() { 
    "use strict"; 

    $("#form").on("submit", function (e) { 
     e.preventDefault(); 
     $("#text").val(""); 
    }); 
});

UPDATE：当页面加载在第一时间，火狐标志着输入作为唯一缺少的，如果你给它一些输入，删除它和输入失去了重点。似乎Firefox并未考虑到表单已提交并且属于这种情况。

来源

2013-09-26 Marco Sulla

我假设你正在做的在您通过ajax提交表单时在服务器端进行验证。那么为什么不去掉文本字段的必需属性。 – aarryy

这是你的裂缝

[required] { 
box-shadow: none;

}

你会得到警告框而不是红色的边框。

这里有一个小提琴

fiddle

尽管当你有适当的动作链接它可能工作。在我的Firefox的红色边框不来了，但一段时间内表现奇怪

来源

2013-09-26 15:14:34 Anobik

你是什么意思，“行为更奇怪”？它适用于我的Fx。 –

不知道我在我的Firefox中有一个问题，当我点击提交按钮像一个页面没有找到或某些事情这是你写的可能是一个适当的行动链接不会导致在相同:)其明智的好:) – Anobik

无论如何，我喜欢你解。很遗憾我必须删除“必需”警报。我可以重新添加它使用JS，但它很烦人：D –

在JS清除它后，Firefox警告我“需要”字段

回答

相关问题