入力フィールドがhtml5とjavascriptで空であるかどうかを確認します

Question

html5入力フィールドが空であるかどうかを確認するにはどうすればよいですか？私は、必要なテキスト入力を使用して与えられたネイティブの検証メッセージを無効にしようとしています。

これは私のコードは、今どのように見えるかです：ぼかしリスナーにあなたのコードをラッピング

<script> 
    $(document).ready(function(){ 
     H5F.setup(document.getElementById("contact-form")); 
       var name = document.getElementById("contact-name") 
     if (name.value === "") { 
       name.setCustomValidity("Please fill out the field with your name");  
     } 


    }); 
</script> 

Answer 1

...このネイティブ検証メッセージ変更する方法についての完全なガイド：D http://afarkas.github.io/webshim/demos/demos/forms.html#Locale-Settings

Answer 2

は、トリックを行う必要があります。

var name = document.getElementById("contact-name"); 
    $(name).blur(function(){ 
     if (name.value === "") { 
      name.setCustomValidity("Please fill out the field with your name");  
     } 
    }); 

uは必要なものをここで