JavaScript で無効になったフォームフィールドを送信するにはどうすればよいですか?

無効になったフォーム フィールドの送信

フォームを操作するとき、特定のフィールドを表示する必要があるが編集が無効になっている状況に遭遇することがあります。ただし、無効なフィールドは通常値を送信しないため、データを送信するときに問題が発生する可能性があります。

この問題に対処するには、READONLY 属性を使用できます。残念ながら、チェックボックスや選択などの入力タイプではサポートされていません。

jQuery ソリューション

READONLY が適用できない場合、jQuery は次の回避策を提供します。

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

このコード スニペットは、送信時にフォーム内のすべての要素から無効な属性を削除します。これにより、フィールドが最初は無効であっても送信できるようになります。

追加の考慮事項

さらに、フィールドの編集をブロックしたいが、ブロックしたくない場合は、非表示にする場合は、CSS を使用して読み取り専用としてスタイル設定できます。例:

input[disabled] {
    background-color: lightgray;
    border: 1px solid gray;
}

このコードは、無効になっている入力フィールドをグレー表示にし、ユーザーが編集できないようにします。ただし、それらは引き続き表示され、フォームが送信されるときにその値が送信されます。

以上がJavaScript で無効になったフォームフィールドを送信するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。