「value='foo'」を使用して Web フォームに値を設定することはできませんが、値を手動で入力することはできますか?

Question

同様の方法を使用して、Web フォームのいくつかのフィールドの値を設定してみました

リーリー

ブラウザ コンソールでこれを行うと、フィールドは更新されますが、フィールドを手動でクリックすると、古い値に戻ります。古い値は私が手動で入力したものです。

これは奇妙なことです。値を手動で入力すると、フォームの送信も含めてすべてが期待どおりに機能しますが、JS を使用して値を入力してフォームを送信すると、フィールドが空であるという苦情が表示されます (最初に値を手動で入力し、次に JS を使用して値を変更した場合、これらの結果の間の一種の「妥協」が発生します。その後「送信」をクリックすると、値は手動で入力した値に戻ります。）から 視覚的にはフィールドは空ではありませんが、「送信」をクリックするとフィールドはクリアされます（「送信」をクリックした後も手動で入力した値が残ります）。

これはどうですか？ JS を使用してこのフォームが「受け入れる」値を入力するにはどうすればよいですか?

フォーム内の一部の HTML、「タイトル」、およびこの特定のフィールド:

ああああ

Answer 1

問題は、JavaScript を使用して値を変更すると、フォームが空であることを検証するために使用されるライブラリが更新されないことです。

これらの検証ライブラリにフォームに記入したことを知らせるために、input イベント (場合によっては change イベント) を起動する必要がある場合があります。

リーリー リーリー