Safari does not recognize the "required" attribute. How to fix it?

Question

Safari does not recognize the "required" attribute. How to fix it?

<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>

When I try to execute this document in Chrome, it accepts the conditions and shows an error, as expected.

But when I try to execute this document in Safari, it does not detect an error.

+16

html5 google-chrome safari required

Amir Bennasr Sep 20 '15 at 21:48

source share

3 answers

Jérémie Chazelle · Answer 1 · 2015-12-04 14:46

Safari does not currently support the “required” input attribute. http://caniuse.com/#search=required

To use the 'required' attribute in Safari, you can use webshim '

1 - Download webshim

2 - Put this code:

 <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>

sideshowbarker · Answer 2 · 2015-09-20 22:35

Currently, Safari does not yet generate error messages for the required values in the form fields that the user has not provided (as well as invalid values entered by the user in the form fields). But you can enable it using hacks or polyfill. See HTML5 Validation Fallback (without a library) for a lightweight hack that allows this, and see h5Validate for a jQuery-based polyfill plugin.

bfulgham · Answer 3 · 2017-09-05 21:33

The required attribute must be available in Safari 10.1 and later .

Safari does not recognize the "required" attribute. How to fix it?

More articles: