2

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

这是jsFiddle 示例,这是代码。尝试在输入中写一些东西并提交表单。

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 没有考虑到表单已提交,因此属于这种情况。

4

1 回答 1

0

这是你的裂缝

[required] {
box-shadow: none;

}

你会得到警告框,但不是红色边框。

这是一个小提琴

小提琴

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

于 2013-09-26T15:14:34.647 回答