Element formularza HTML "wymagany" na iPadzie/telefonie iPhone nie działa

Question

Safari na iPadzie ma być zgodne z html5, ale wydaje się, że wymagany element nie działa. Ktoś wie, dlaczego, czy też przyzwoity sposób obejścia, który nie wymaga mnóstwa JavaScript?

Mój kod

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

Answer 1

To nie jest obsługiwane w systemie iOS jeszcze: when can I use: required.

Answer 2

Jeśli już używasz jQuery, Modernizr i yepnope, jest to jeden ze sposobów radzenia sobie z tym. Jeśli nie, to doda wiele dodatkowych javascript.

My solution

Answer 3

Jest to rozwiązanie jQuery do tej kwestii, to podkreśla pól wejściowych, które nie wywiązały się w pinky kolor też.

$('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

Myślę, że można coś zrobić, zanim złożyć skargę jak ten

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

po naciśnięciu przycisku checkValid()submit jest krót- zanim faktycznie podnosi. wartość zwracana true będzie kontynuować akcję przesyłania.

patrz this post do dalszego wyjaśnienia. :)

Answer 5

Od iOS 10.3 to jego cechy są obsługiwane. Również typ e-mail wymaga napisania symbolu @ i tak dalej ...