フォームから「無効」プロパティを削除して再度有効にしてください

Question

一部の入力フォームがあり、入力が無効です。それらは無効になっているため、その中に含まれているデータを送信しません。したがって、次のjQueryコードを使用してサブミット時にdisabledプロパティを削除します。

jQuery(function ($) {   
    $('form').bind('submit', function() { 
     $(this).find(':input').prop('disabled', false); 
    }); 
}); 

ユーザーが送信ボタンをクリックする

は、 disabledプロパティが削除され、それらのフィールドのデータが送信され、ファイルが（ユーザーが同じページ上にあるので、私は、ヘッダーを使用）がダウンロードされます。ただし、 disabledプロパティが削除されたため、ユーザーはこれらのフィールドを変更して、独自のデータを使用してフォームを再送信することができます。これは不要です。

私の質問は、フォームを送信した後で特定のフィールドを再度無効にするコードを変更する方法です。

Answer 1

は

あなたはおそらく（とjQueryなし）readonlyではなく、disabledを探しています：

<input type="text" name="readOnlyValue" value="666" readonly="readonly" /> 

このトピックでは、異なるとanswered in details here頼まれました。要するに：

• disabled防止が集中し、
• readonlyがフォーカス可能にデータを送信することを防止するが、修正しないようにし、ユーザが容易にできているように、データはしかし注意してください

を送ることができますページをハッキングしてinputの値を変更してください。したがって、サーバー側で悪質なユーザーを処理する準備ができているはずです。

Answer 2

回避策が見つかりました。

代わりdisabledとして、各入力を設定するので、私はそれがdisabledフィールドと同じスタイリングを持たせることなく、readonlyとして、それらを設定し、私がのサンプルを表示するには、次のCSS

input:read-only { 
    background-color: #EBEBE4; 
    color: #545454; 
    border-style: hidden; 
    padding: 3px; 
} 

jsFiddleを追加しました2つの違い。

Answer 3

質問に直接答えるには：非同期のxmlhttprequestでフォームを送信すると、コールバック関数でボタンを無効にすることができます。

<input type="text" value="samedata" disabled> 
<input type="hidden" name="actualnamedfield" value="samedata"> 

だけ最初のものが表示されているだけ秒1が送信されます：

しかし、私は、最も簡単な解決策は、種類このような=「隠された」としてデータをさらに別の時間を追加することだと思います。