Modernizr Html5验证

Question

我创建了一个包含html5验证所需属性的表单，如果我使用<button type="submit">Submit</button>提交，一切正常。 因为并非所有的浏览器都与html兼容我尝试过Modernizr。 所以我用Jquery创建了一个脚本来验证字段，如果输入没有必需的属性。我更改了按钮

  

型=＆＃34;提交＆＃34;

代表

  

型=＆＃34;按钮＆＃34;

并制作了我的剧本：

$("#submit_form").click(function(){
    var val = 0;
    if(!Modernizr.input.required){
        $("#contact_form input,#contact_form select").each(function(){
            if($.trim($(this).val()) === ""){
                $(this).parent("div").addClass("has-error");
                val++;
            }
        });
        if(val > 0){
            return false;
        }
    }
    $("#contact_form").submit();
});

该脚本运行正常并验证字段并将＆＃34; has-error＆＃34; 类添加到表单元素中。 问题是当浏览器接受必需属性并提交表单时，html5不再对表单进行验证。 它仅在按钮类型为＆＃34;提交＆＃34; 。

时有效

如果浏览器不接受所需的属性，我该怎样做才能用我的脚本验证，如果是，则用Html5验证。

谢谢