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

将代码包装在模糊侦听器中应该可以解决问题。

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

Answer 2

这里你需要什么..关于如何更改此原生验证消息的完整指南：D http://afarkas.github.io/webshim/demos/demos/forms.html#Locale-Settings

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

2 个答案: