我可以更改JQuery验证器方法的文本颜色吗?

时间:2019-02-09 05:56:53

标签: jquery html css colors

我正在尝试使用JQuery创建文件扩展名和大小的验证,但是显示的文本是白色和白色背景。

我尝试了CSS,但没有任何反应

有什么办法可以直接在Jquery上对其进行更改吗?

    <script>

    $.validator.addMethod('filesize', function (value, element, param) {
        return this.optional(element) || (element.files[0].size <= param)
    }, 'Wrong size');
    $.validator.addMethod('extension', function (value, element, param) {
        return this.optional(element) || (element.files[0].size <= param)
    }, 'Wrong extension');
    jQuery(function ($) {
        "use strict";
        $('#form').validate({
            rules: {
                file: {
                    required: false,
                    extension: "ai,pdf,zip,rar,jpeg,jpg,png",
                    filesize: 8388600,
                }
            },
        });
    });
</script>

3 个答案:

答案 0 :(得分:0)

我认为您可以使用此代码

$('#myForm')。validate({    errorClass:'myClass'    //您的选项 });

答案 1 :(得分:0)

您可以使用参数errorClass

$('#form').validate({
  errorClass: "your-custom-classname", 
  rules: { 
    file: { 
      required: false, 
      extension: "ai,pdf,zip,rar,jpeg,jpg,png",
      filesize: 8388600
    } 
  },
 });

https://jqueryvalidation.org/validate/

答案 2 :(得分:0)

jQuery验证程序将<span class="error">Field error rule message</span>附加到输入字段。

如果需要,可以将自定义属性添加到error类中。

.error{
     color : red; // for danger text color
}