El elemento de formulario Html5 "requerido" en el iPad/iPhone no funciona

Question

Se supone que iPad safari es compatible con html5, pero parece que el elemento requerido no funciona. ¿Alguien sabe por qué, o tiene una solución decente que no requiere una tonelada de JavaScript?

Mi código

<input type=email class=input placeholder="Email" name="email" required> 

Answer 1

No es compatible con iOS aún: when can I use: required.

Answer 2

Si ya está utilizando jQuery, Modernizr y yepnope, esta es una forma de solucionarlo. Si no lo eres, esto agregará una gran cantidad de javascript adicional.

My solution

Answer 3

Ésta es una solución a la cuestión de jQuery, que pone de relieve los campos de entrada que han fracasado en un color rosado también.

$('form').submit(function(){ 
    var required = $('[required="true"]'); // change to [required] if not using true option as part of the attribute as it is not really needed. 
    var error = false; 

    for(var i = 0; i <= (required.length - 1);i++) 
    { 
     if(required[i].value == '') // tests that each required value does not equal blank, you could put in more stringent checks here if you wish. 
     { 
      required[i].style.backgroundColor = 'rgb(255,155,155)'; 
      error = true; // if any inputs fail validation then the error variable will be set to true;  
     } 
    } 

    if(error) // if error is true; 
    { 
     return false; // stop the form from being submitted. 
    } 
}); 

Answer 4

Creo que se puede hacer algo antes de que la acción de envío como esto

<form name="myForm" action="valid.html" onsubmit="checkValid()" method="post"> 
    ... ... 
</form> 

después de pulsar el botón submit, checkValid() es evocado antes de que realmente se somete. un valor de retorno de true continuará la acción de envío.

refieren a this post para una explicación más detallada. :)

Answer 5

Desde IOS 10.3 se apoyaron esta Atrributes. También el tipo de correo electrónico requiere escribir el símbolo @ y así sucesivamente ...