我已经使用 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
虽然当你有正确的操作链接时它可能会工作..在我的 firefox 中红色边框没有出现但有时表现得很奇怪
关于javascript - JS 清除后,Firefox 提醒我 "required"字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19028687/