使用html5和javascript检查输入字段是否为空

如何检查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>

$（文档）.ready（函数（）{
H5F.设置（document.getElementById（“联系人表单”）；
var name=document.getElementById（“联系人名称”）
如果（name.value==“”）{
name.setCustomValidity（“请在字段中填写您的姓名”）；
}
});

在模糊侦听器中包装代码应该可以做到这一点

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

---

这是你需要的。。有关如何更改此本机验证消息的完整指南：D

---

很抱歉，但它没有帮助，它只是提供了浏览器提供的本机验证消息。。。