knockout.js - エラー メッセージと配置をカスタマイズする

Question

現在、Knockout-Validationプラグインは、この HTML 要素を Web ページに自動的に追加します。

<span class="validationMessage">This field is required.</span>

1. 「このフィールドは必須です」を変更したい。文章。
2. <span>HTML要素の配置を変更したい。
3. .err赤い境界線を追加できるように、CSS クラス (具体的には ) をテキスト ボックスに追加したいと考えています。

Knockout-Validation でそれをどのように行うことができますか?

Answer 1

プロパティごとに検証のデフォルト メッセージを変更できます。

test: ko.observable().extend({
        required: {
            params: true,
            message: "This is required"
        }
    })

validationMessageバインディングを使用して、必要な場所にエラーを表示できます。

 <span data-bind="validationMessage: test"></span>

decorateElementおよびerrorElementClassオプション(またはその他の検証バインディング) を使用して、入力にいくつかのカスタム クラスを追加できます。

ko.validation.init({
    decorateElement: true,
    errorElementClass: 'err'
});

JSFiddleのデモ。