html - Safari 不承认 "required"属性。如何解决?

标签 html google-chrome safari required

<form id="customerForm">
    <label>
        First Name:
        <input id="firstName" required />
    </label>
    <label>
        Social Security Number:
        <input id="ssn" required pattern="^d{3}-d{2}-d{4}$"
            title="Expected pattern is ###-##-####" />
    </label>
    <input type="submit" />
</form>

当我在 Chrome 中尝试该文档时,它会按预期接受条件并显示错误。

但是当我在 Safari 中尝试该文档时,它没有显示任何错误。

最佳答案

目前,Safari 不支持“必需”输入属性。 http://caniuse.com/#search=required

要在 Safari 上使用“必需”属性,您可以使用“webshim” '

1 - 下载 webshim

2 - 输入这段代码:

<head>
    <script src="js/jquery.js"></script>

    <script src="js-webshim/minified/polyfiller.js"></script> 

    <script> 
        webshim.activeLang('en');
        webshims.polyfill('forms');
        webshims.cfg.no$Switch = true;
    </script>
</head>

关于html - Safari 不承认 "required"属性。如何解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32684657/

相关文章:

html - 为什么我的最后一个内联 block 元素被下推?

java - "Java is required"虽然我当然有Java

html - 元视口(viewport)标签和 css 媒体查询

html - 样式在 Chrome 和 Firefox Safari 和 iPhone 中显示不同

html - Flexbox,大于 div 的图像在 safari 中缩小但在 chrome 中不缩小

html - 在 Safari 中使用 location.hash 滚动页面

html - 如何获得最清晰的文字?

html - 网页内容在加载时闪烁/移动

html - 使用 Bootstrap 3 样式化内联表单输入

javascript - 使用 Chrome 开发者工具编辑 Javascript