javascript - 如何重置输入自动完成样式？

Question

我有一个通过 JavaScript 处理的简单 Bootstrap 表单。单击提交按钮后，它会处理其数据并重置输入值而无需重新加载页面:

if( json.success ) {
  $('#form_sendemail').find('.form-control').val('');
}

问题是，如果有任何自动完成的表单字段(在 Chrome 中以黄色突出显示)，即使在发送表单并清除表单字段后，它们也会保持突出显示。如何在不重新加载页面的情况下重置这些样式？ (将 background-color 设置为 !important 没有帮助)。

Answer 1

试用 reset功能:

$.ajax({
    //...
    success: function (data, status) {
        document.getElementById('yourFormID').reset();
    }
});

<form id="yourFormID"></form>

编辑:

JQuery(很棒的):

$.ajax({
    //...
    success: function (data, status) {
        $('#yourFormID')[0].reset();
    }
});