HTML 表单已提交但未在 iOS 台设备上填充

Question

我的网站上有简单的 html 表单：

    <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 设备（phone、平板电脑..）上，无需用户填写必填字段即可提交表单。

这是为什么？有没有办法在客户端修复它？

Answer 1

这应该有效。但这不仅适用于 iOS

所有人

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

然后这个

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);

HTML 表单已提交但未在 iOS 台设备上填充

HTML Form is submitted without to be populated on iOS devices

html

forms

mobile-safari

ios