проверьте, является ли поле ввода пустым с 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");    
        }
    });