配列の最初の値が「-」である状態の選択リストがあるため、ユーザーはそれを変更し、「AK」がデフォルトの最初の入力であるフォームを誤って送信しないようにする必要があります。問題は、初期値にフラグが立てられているため、フォームが読み込まれるとすぐに「別の値を選択してください」というエラーが表示されることです。
<td>State</td><td><select data-bind="options: $root.stateList, optionsText: 'state', optionsValue: 'state', value: selectedState"></select> </td>
対応するjsはこちら
self.selectedState = ko.observable("").extend({ notEqual: "-" });
self.stateList = [{state: "-"},{state: 'AK'}, {state:'AL'}....{state:'WY'}];
フォームが読み込まれるとすぐに間違った入力に設定されないように、リストの最初の値を「空白」にするより良い方法はありますか? もしそうなら、.extend({ required: true });
それの検証を単純に処理しますか?