html5 - Safari no está reconociendo el atributo "requerido". ¿Como arreglarlo?
google-chrome required (3)
<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>
Cuando intento ese documento en Chrome, acepta las condiciones y muestra el error, como se esperaba.
Pero cuando intento ese documento en Safari, no muestra ningún error.
Actualmente, Safari todavía no emite ningún mensaje de error para los valores requeridos en los campos de formulario que el usuario no ha proporcionado (ni para los valores no válidos que el usuario ha colocado en los campos de formulario). Pero puedes habilitarlo usando hacks o un polyfill. Consulte la h5Validate de la validación de formularios HTML5 (sin una biblioteca) para un hack ligero que lo habilite, y vea h5Validate para un complemento de polyfill basado en jQuery.
El atributo requerido debe estar disponible en Safari 10.1 y posteriores .
En este momento, Safari no admite el atributo de entrada "requerido". http://caniuse.com/#search=required
Para usar el atributo ''requerido'' en Safari, puedes usar '' webshim ''
1 - Descargar webshim
2 - Pon este código:
<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>