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

grabbing Parsley JS field error and updating CSS

本文关键字:更新 CSS 错误 字段 Parsley JS 抓取      更新时间:2023-09-26

我对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..

有什么最好的办法吗?或者如何正确地做到这一点?

Parsley会为你添加错误类,所以你只需要为这些类指定一些CSS规则。

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