javascript - JS 清除后，Firefox 提醒我 "required"字段

Question

我已经使用 jQuery 完成了一个 ajax POST，我希望在成功提交后清除表单输入。问题是 Firefox (24.0) 在 JS 清除必填字段后提醒我。

这是 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("");
    });
});

更新:第一次加载页面时，Firefox 仅在您提供一些输入、删除它并且输入失去焦点时才将输入标记为缺失。似乎Firefox没有考虑到表单被提交，属于这种情况。

Answer 1

这是你的破解

[required] {
box-shadow: none;

您将看到警告框，但不会看到红色边框。

这是一个 fiddle

fiddle

虽然当你有正确的操作链接时它可能会工作..在我的 firefox 中红色边框没有出现但有时表现得很奇怪