将html5标签应用于每个浏览器

Question

在html5中，输入标记为“required”，

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

但是它适用于Firefox，Opera和Chrome，但不适用于IE和Safari，我试图包含<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>，但它仍无效！

Answer 1

作为his comments中提到的爆炸药，required form attribute is not supported by Safari or versions of Internet Explorer lower than 10。

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

Answer 2

您不能使用html5shiv添加require。

尝试这样的事情（使用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; 
    }

});