送信時に、次の方法で空白のフォーム フィールドを無効にすることができます。
<form method="GET" onsubmit="onsubmit1(this)">
...
<script type="text/javascript">
function onsubmit1(thiz) {
$(thiz).find(':input').each(
function() {
if (!$(this).val()) {
$(this).attr('disabled', true)
}
}
)
}
問題は、.CSV ファイルがブラウザーにダウンロードされた後にページが更新されないため、ユーザーが .CSV ファイルのエクスポートを選択すると、フィールドが無効のままになることです。
ユーザーがファイルのエクスポートを選択したときに、無効になっている入力フィールドを再度有効にしたいと思います。
多くの送信ボタンがあるonsubmit
ため、送信ボタンのハンドラーではなく、フォームのハンドラーを介してこれを解決するためのボーナスポイント。onclick