入力要素の変更前の値を設定することはできますか

Question

入力要素にonchangeイベントがあります。 onchangeイベントは、値が受け入れられなかった場合にユーザーに警告し、input要素にフォーカスを戻します。 しかし、ユーザーが要素をクリックすると、onchangeイベントは発生しません。これは、ユーザーがそれ以上の変更を行っていないために理解できますが、一度だけ検証するという問題が発生します。

変更前の値にリセットする可能性のある解決策を模索しましたが、ユーザーが入力した値を修正することを可能にするために可能な限り避けたいと思います全体をもう一度入力してください。

もう1つの可能性は、ぼかしイベントに検証を入れることでしたが、これは他の要素がフォーカスされていると発砲するイベントなどの他の問題を引き起こします。

ユーザーが入力値を 'X'から 'Y'に変更した場合、要素にフォーカスを戻して値を 'Y'として残してもよいが、 'X'値が変更された場合、ユーザーが 'X'に変更すると変更イベントはその後発生しませんが、 'Y'のままにして再度フォーカスを失うと、変更イベントは 'X ' おもちゃ'？

Answer 1

アラートを使用する代わりに、フィールドを無効（マークアップを追加するためにCSSまたはjQueryを使用）としてマークするだけではどうですか？ユーザーが値を有効な値に変更し、検証スクリプトが無効なマーキングを削除するまで、フィールドは無効のままです。

Answer 2

入力タイプのテキストですか？このような状況では、あなたが記述しているまさにその理由のために、私はonchangeの代わりにonkeyupを使うことを好みます。

時にはうまくいかない：キーが押されていない（shift + insertまたはctrl + vがあるので）テキストボックスをテキストボックスに貼り付けると、変更が反映されません。 onchangeとonkeyupの両方に同じイベントを追加して、すべての基底をカバーすることができます。