0

私の見解では; 以下のような単純なテキストボックスがあります。

<input type="text" data-bind="value: vm().dummyValidationTest">

ビューモデルでは、オブザーバブルを次のように定義しています

dummyValidationTest = ko.observable().extend({ required: true });

最後に、バインディングを次のように適用します

 ko.applyBindingsWithValidation(vm);

この検証は、テキスト ボックスがメイン フォームにある場合にうまく機能します。ただし、以下のように定義された Bootstrap Modal 内でテキストボックスを移動するとすぐに、検証が機能しません。

 <div class="modal" id="startNewApp-modal">

モーダル ウィンドウ内で検証が機能しない理由はありますか?

ベースページとモーダルの両方が同じビューで定義されています。

編集: 以下の例の jsfiddle を参照してください

  1. モーダルなし、検証作業: http://jsfiddle.net/athekdi/y53V2/

  2. モーダルでは、検証が機能しません: http://jsfiddle.net/athekdi/6W5xH/1/

4

1 に答える 1