html - 将 html5 标签“必需”应用于每个浏览器

Question

在 html5 中，输入有标签“必需”，

例如：<input type="text" required="required" value="" />

但它适用于 Firefox、Opera 和 Chrome，但不适用于 IE 和 Safari，我试图包括在内<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>，但它仍然无法正常工作！

Answer 1

正如 Explosion Pills 在他的评论中提到的required， Safari 或低于 10 的 Internet Explorer 版本不支持 form 属性。

您可以通过使用第三方 JavaScript 插件来解决此问题，该插件将强制执行表单验证，而不管浏览器版本如何。请参阅https://github.com/dilvie/h5Validate。

Answer 2

您不能使用 html5shiv 添加要求。

尝试这样的事情（使用 JQuery）：http: //jsfiddle.net/DfCHu/

$('form').submit(function() { 

    var empty_fields = $('input').filter(function() {

        //return empty required fields
        return $(this).attr("required") && $(this).val() === "";

    });

    // if empty required field stop the form submitting and let the user know
    if(empty_fields.length){
        alert('something required');
        return false; 
    }

});