Элемент формы Html5 «требуется» на iPad/iPhone не работает

Question

iPad Safari должен быть совместим с html5, но кажется, что необходимый элемент не работает. Кто-нибудь знает, почему, или имеет достойное обходное решение, которое не требует тонны JavaScript?

Мой код

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

Answer 1

Это не поддерживается прошивкой еще: when can I use: required.

Answer 2

Если вы уже используете jQuery, Modernizr и yepnope, это один из способов борьбы с ним. Если вы этого не сделаете, это добавит много дополнительного javascript.

My solution

Answer 3

Это решение Jquery к этому вопросу, он выделяет поля ввода, которые не смогли в мизинец цвет тоже.

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

Я думаю, вы можете сделать что-то прежде, чем представить действие, как этот

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

после нажатия кнопки submit, checkValid() вызывается прежде, чем он на самом деле представляет. возвращаемое значение true продолжит действие отправки.

this post см для дальнейшего объяснения. :)

Answer 5

С прошивкой 10.3 это atrributes поддерживаются. Кроме того, тип электронной почты требует записи символа @ и т. Д.