Question

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

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

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

谢谢！

Answer 1

引用OP：

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

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

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

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

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

正如您所看到的，提交按钮呈现为默认浏览器按钮，它们的外观完全不受浏览器默认设置的影响，证明jQuery Validate对这些按钮没有任何作用。

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

JQuery Validate插件改变提交按钮CSS

1 个答案: