iPad/iPhone에서 "필수" HTML5 양식 요소가 작동하지 않습니다.

Question

아이패드 사파리는 html5를 준수해야 하는데, 필수 요소가 작동하지 않는 것 같습니다.이유를 아는 사람이 있거나 많은 양의 JavaScript가 필요하지 않은 적절한 해결 방법이 있는 사람이 있습니까?

내 코드

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

Answer 1

IOS는 아직에서 지원되지 않습니다 : 언제 사용할 수 있습니까? .

Answer 2

이 문제에 대한 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 3

iOS 10.3이 속성은 지원됩니다.또한 전자 메일 유형은 @ 기호 등을 작성해야합니다 ...

Answer 4

이미 jQuery, Modernizr 및 Yepnope를 사용하는 경우 이것은 그것을 처리하는 한 가지 방법입니다.그렇지 않은 경우 많은 추가 자바 스크립트가 많이 추가됩니다.

내 솔루션

Answer 5

제출 작업 전에 다음과 같은 작업을 수행할 수 있을 것 같습니다.

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

누른 후 submit 단추, checkValid() 실제로 제출되기 전에 호출됩니다.반환 값 true제출 작업을 계속합니다.

인용하다 이 게시물 자세한 설명을 위해. :)

Answer 6

PHP를 사용하는 경우이 와 같은 유효성 검사를 추가 할 수 있습니다.

function validation(){

  if(isset($_POST['submit'])){
  $email = $_POST['email'];

     if(empty($email)){
        echo $error = "Your email cannot be empty";

      } else {
        return true; //or do something next here
     }
   }

.

양식 이전 에이 기능을 PHP에 추가하십시오.