JQuery 验证插件会更改提交按钮 CSS

JQuery Validate plugin alters submission button CSS

本文关键字：提交 按钮 CSS 验证 插件 JQuery      更新时间：2023-09-26

我正在使用Jquery Validing插件作为表单。一切正常，除非我按 Tab 键转到提交按钮，它会更改文本颜色。我尝试使用"ignore："选项，然后在 validate（） 函数中指定提交按钮的类，但这不起作用。 

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

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

谢谢！

引用 OP：

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

jQuery 验证插件中绝对没有任何内容会影响按钮的颜色/外观/样式......什么都没有。 即使插件在验证时添加或删除类，它也不包含任何 CSS 属性，也不会操作任何 CSS 属性、句点。

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

以下是您在OP中描述的演示：http://jsfiddle.net/5vFCg/

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

如您所见，提交按钮呈现为默认浏览器按钮，并且它们的外观与浏览器默认值完全没有变化，证明 jQuery Validate 对这些按钮没有任何作用。

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

相关文章：