プレースホルダは表示されません

Question

jqueryのバリデーションをいくつか行いました。ユーザーがinputから出て何かを書きませんでしたが、一部のテキストがplaceholderと表示されます。

私はそれはクロムのdevのツール chrome dev toolに動作しますが、それはページ上に表示doesnの `tこのコード

$('input[type="text"]').on('blur', function() { 
    if (!!$(this).val()) { 
     $(this).css({ 
      'border': '#ff8383 1px solid' 
     }); 
     $(this).attr('placeholder', 'this field is required'); 
    } 
    else { 
     $(this).css({ 
      'border': '#c3c3c3 1px solid' 
     }); 
     $(this).attr('placeholder', ''); 
    } 
}); 

を書きました。

Answer 1

あなたはここに余分な!持っている：私は「単一書い

!!$(this).val() 

を、あなたは同じ(this)まず

$('input[type="text"]').on('blur', function() { 
 
    if (!$(this).val()) { 
 
    $(this).css({ 
 
     'border': '#ff8383 1px solid' 
 
    }).attr('placeholder', 'this field is required'); 
 
    } else { 
 
    $(this).css({ 
 
     'border': '#c3c3c3 1px solid' 
 
    }).attr('placeholder', ''); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="text" placeholder="test" /> 
 
<input type="text" placeholder="" /> 
 
<input type="text" />

Answer 2

これは問題の可能性があります。 if文に2つのbangがあります。

if (!!$(this).val()) {