HTMLフォームは、私は自分のサイト上で簡単なHTMLフォームを持っているiOSデバイス上で

Question

を移入することなく、提出された：

<form action="mailer.php" method="post"> 

    <fieldset> 
    <div class="column-50"> 
     <div> 

     <label for="name">Name <span>*</span></label> 
     <input type="text" id="name" name="name" required> 
     <span class="mf-error-message">Error! </span>  

     </div> 


     <div> 

     <label for="email">Email <span>*</span></label> 
     <input type="text" id="email" name="email" required> 
     <span class="mf-error-message">Error! </span>  

     </div> 
      .... // some more fields 
     <input type="submit" id="submit" name="submit" value="Enter your Information"> 
    </form> 

問題はそれがiOSデバイス上で（携帯電話、タブレット...）それはせずに提出することができます形成ユーザーが必須フィールドに値を入力します。

なぜですか？クライアント側で修正する方法はありますか？

Answer 1

これは動作するはずです。しかし、それは次に、この

var form = document.getElementById('myForm'); 
    form.noValidate = true; 
    form.addEventListener('submit', function(event) { 
     if (!event.target.checkValidity()) { 
      event.preventDefault(); 
      alert('Error! You must fill all required fields.');    
    } 
}, false);