抓取 Parsley JS 字段错误并更新 CSS

Question

我是 ParsleyJS 的新手，我真的不知道我正在做的事情是否是一种错误的方法。但是，当我在 Parsley 验证的特定字段上收到错误时，我想更新该字段上的 CSS 以勾勒出实心红色边框 。我有以下代码，我可以在其中提取 CSS，但似乎无法附加 JQuery 调用来更新字段上的 CSS。

$('form#logon.parsleyParse').parsley().on('field:error', function() {
    console.log('Validation failed for: ', this.$element);
    var element = '#' + this.$element[0].id;
    console.log(element);
    $(this.$element[0].id).css("border: 1px solid red !important;");
});

基本上，当我控制台记录该元素时，它会打印出正确的 CSS 元素。但是，我似乎可以调用 JQuery 来更改 CSS ..

关于执行此操作的最佳方法有什么想法吗？或者如何正确执行此操作？

Answer 1

Parsley 会为您添加错误类，因此您只需为那些类.

指定一些 CSS 规则

欧芹有很多例子，看看那里是怎么做的。

抓取 Parsley JS 字段错误并更新 CSS

grabbing Parsley JS field error and updating CSS

html

javascript

css

jquery

parsley.js