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

标签 javascript jquery html firefox requiredfieldvalidator

我已经使用 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没有考虑到表单被提交,属于这种情况。

最佳答案

这是你的破解

[required] {
box-shadow: none;

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

这是一个 fiddle

fiddle

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

关于javascript - JS 清除后,Firefox 提醒我 "required"字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19028687/

相关文章:

javascript - 如何从第一页的按钮重新加载第二页?

javascript - AngularJS 中的范围隔离概念究竟是如何工作的?我的推理正确吗?

javascript - 尝试循环一个函数以在多个元素上运行 - jQuery

javascript - 滚动按钮 jQuery 不能立即工作

javascript - 如何在回发中显示面板?

javascript - 这个-11从哪里来的?

javascript - 样式 选择与所选选项具有相同样式的元素

javascript - 从外部网站截图

javascript - js 如何让导航栏在按下链接时关闭?

javascript - 是否有 js 函数或 html 属性将文本格式化为输入区域?