JQuery Validate 插件更改提交按钮 CSS

Question

我正在为表单使用 Jquery Validate 插件。一切正常，除非我点击提交按钮，它会更改文本颜色。我尝试使用“忽略：”选项，然后在 validate() 函数中指定提交按钮的类，但这不起作用。

$("#edit_phone_form").validate({
    ignore: ".orange-button",
    rules: {
        phone_number: {
            required: true,
            phoneUS: true
        }
    }
});

如果有人知道我如何告诉 Validate 忽略“.orange-button”类，请告诉我。我没有操作此按钮的代码，所以我知道 Validate 正在做某事，因为它对所有其他表单元素执行相同的文本效果。

谢谢！

Answer 1

引用 OP：

" 没有操作此按钮的代码，所以我知道 Validate 正在做某事，因为它对所有其他表单元素执行相同的文本效果。"

jQuery Validate 插件中绝对没有任何东西会影响按钮的颜色/外观/样式……完全没有。即使插件在验证时添加或删除类，它也不包含任何 CSS 属性，也不会操纵任何 CSS 属性，句号。

此外，插件不会验证按钮，因为它们与将数据输入表单无关。该插件仅验证各种“数据输入”元素、文本框、文本区域、选择列表、单选框和复选框……仅此而已。然后，如果表单数据通过/失败验证，则会将成功/错误类与包含错误消息的新元素一起应用于元素。

这是一个演示，其中包含您在 OP 中描述的内容：http://jsfiddle.net/5vFCg/

<input type="submit" class="orange-button" /> 

如您所见，提交按钮被呈现为默认浏览器按钮，它们的外观与浏览器默认设置完全一致，证明 jQuery Validate 对这些按钮没有任何作用。

你一定忽略了什么。显示足够的代码来创建您所看到的演示。