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

UPDATE ：第一次加载页面时，只有在您输入一些输入，删除输入并且输入丢失焦点时，Firefox才会将输入标记为缺失。似乎Firefox没有考虑到表单已提交，并且属于这种情况。

Answer 1

这是你的破解

[required] {
box-shadow: none;

}

您将获得警告框，但不会获得红色边框。

这是一个小提琴

fiddle

虽然当你有适当的动作链接时它可能会起作用..在我的firefox中，红色边框不会出现，但有些时候表现得很奇怪

Firefox提醒我＆＃34; required＆＃34; JS清除后的字段

1 个答案: