jQuery validate-更改无效元素的css

jQuery validate - alter css of invalid elements

本文关键字：元素 css 无效 validate- jQuery      更新时间：2023-09-26

我正在使用jQuery.validate插件，但我想更改失败的输入字段的背景色，而不是显示消息？插件中是否已经内置了类似的内容，或者我需要添加一些内容才能使其工作？

这是我迄今为止的代码：

$("#myForm").validate({
    debug: false,
    rules: {
        YourName: {
            required: true,
        },
    },
//I want to highlight the failed element here by changing the background color
    submitHandler: function(form) {
    $.post('projectform.php', $("#myForm").serialize(), function(data)
        {
          $('#myDiv').html(data);       
        });
      }
});

尝试设置等自定义函数

$("#myForm").validate({
            errorPlacement: function(error, element){
                element.addClass('errorClass');
            },
            unhighlight: function(element, errorClass, validClass) {
               $(element).removeClass('errorClass');
            }
}

其中errorClass是在无效时添加到输入的类

请参阅此链接

jQuery验证插件-没有错误消息，而是自定义背景

您可以更改".error"类以自定义您的输入字段

相关文章：