javascript - 送信時にテキストボックスを読み取り専用に設定する

Question

送信ボタンを押したときにテキストボックスを読み取り専用に設定するJavaScript関数を誰かに提案してもらえますか。そのため、内容を変更することはできません。

Answer 1

を無効にするには、その属性inputを設定します。disabledjQuery を使用できる場合は、次のようなものを探しています。

$('#idOfYourInput').attr('disabled', true);

jQuery がオプションでない場合は、setAttribute関数を使用する必要があります。それについては、MDN のドキュメントを参照してください。このようなもの：

var d = document.getElementById('idOfYourInput'); 
d.setAttribute('disabled', 'true');

(これらのコード サンプルはどちらもinput、属性によって識別していることを前提としていidます。そうでない場合は、これらを変更する必要があります。jQuery の変更は簡単です。セレクターを更新して識別します。 target 属性。後者のコード サンプルでは、​​他の DOM ナビゲーション/選択関数を使用してinput要素を見つける必要があります。)

送信ボタンのハンドラー内にこれを含めたいと思います。ただし、これはページの現在のコンテキストでのみ問題になることを理解してください。だから私はあなたの送信ボタンが実際にページ全体を POST するのではなく、AJAX 経由で送信を実行するために使用されていると思いますか? ページ全体を POST している場合、ページが更新されると、まったく新しいページ コンテキストになるからです。(これは、ボタン クリック イベントに関連付けられたコードがまだ実行されていないことを意味します。)