HOME > jQuery > フォームの入力必須項目を目立たせ、入力が済んだらノーマルな状態に戻すjQuery

フォームの入力必須項目を目立たせ、入力が済んだらノーマルな状態に戻すjQuery

フォームの入力必須項目を目立たせ、入力が済んだらノーマルな状態に戻すjQuery

jQueryで背景色を変更する

<script type="text/javascript">
<!-- 入力必須 -->
$(function(){
   $('.required').on('keydown keyup keypress change focus blur', function(){
       if($(this).val() == ''){
           $(this).css({backgroundColor:'#ffcccc'});
       } else {
           $(this).css({backgroundColor:'#fff'});
       }
   }).change();
});
</script>

<input type="text" value="" name="name" class="required">

実装例

文字を記入すると背景色が白になります。

参考サイト