フォーカスと送信のフィールドをクリア

Question

2つのテキストボックスにフォームの設定があり、フォーカスを受けてクリアできるデフォルト値があります。ボックスは必須ではなく、必須ではありません。したがって、フォームはそれらなしで提出することができますが、デフォルト値が設定された状態でフォームが送信されると、POSTに渡されます。

投稿データからクリアしてNULL /ブランク値として送信してください。事前に

<input id="town" name="SeV[2]" type="text" autocomplete="off" style="width: 149px; color:#ccc;" onfocus="if(this.value == 'Enter Town/City') this.style.color = '#000'; { this.value = ''; }" value="Enter Town/City" class="field"> 

<input type="text" style="width: 149px; color:#ccc;" maxlength="255" name="SeV[4]" onfocus="if(this.value == 'e.g Football') this.style.color = '#000'; { this.value = ''; }" value="e.g Football"> 

感謝を次のように

マイフォームのコードがあります。

Answer 1

は、このコードを追加し、それが正常に動作する必要があります：

$(document).ready(function() { 
    $("form").submit(function() { 
     $("input:text", $(this)).each(function(index) { 
      if (this.value === this.defaultValue) 
       this.value = ""; 
     }); 
    }); 
}); 

これは、フォームの送信時にすべてのテキストボックスを反復処理し、それらのデフォルト値に等しい場合は、空のために彼らの値を設定します。

Live test case。