Parsley JSのフィールドエラーと更新CSS

Question

私はParsleyJSにとって全く新しいので、私がやっていることがこれに近づくのが間違っているかどうかは分かりません。しかし、Parsleyによって検証されている特定のフィールドでエラーが発生すると、フィールド上のCSSを更新して、赤い枠線の輪郭を黒く塗りつぶします。私はCSSを抽出することができる次のコードを持っていますが、フィールド上のCSSを更新するためにJQueryコールをアタッチしているようです。基本的には

$('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の要素を出力します。しかし、私はCSSを変更するjQueryのへの呼び出しを行うように見えることができます。..

任意のアイデア何にこれを行う最善の方法は？またはこれを正しく行うには？

Answer 1

パーズリーはエラークラスを追加するので、これらのクラスに対していくつかのCSSルールを指定するだけで済みます。

パーズリーには多くの例があります。