Html5 élément de formulaire “obligatoires” sur iPad/iPhone ne fonctionne pas

safari iPad est censé être compatibles avec le format html5, mais il semble que l'élément requis ne fonctionne pas. Quelqu'un sait pourquoi, ou avoir une bonne solution qui ne nécessite pas une tonne de JavaScript?

Mon code

<input type=email class=input placeholder="Email" name="email" required>
  • Pouvez-vous essayer <input type=email class=input placeholder="Email" name="email" required /> ou <input type=email class=input placeholder="Email" name="email" required="" />.
  • Avez-vous essayé avec required /> au lieu de required> ?
InformationsquelleAutor SongBox | 2012-05-19
  1. 25

    Il n'est pas pris en charge dans iOS encore: quand puis-je utiliser: requis.

    • honte à apple.
    • Honte à Apple x1000! Il a été 3 ans, 6 mois et 4 jours (à compter de ce post), car cela a été demandé, et Apple n'a toujours pas mis en œuvre. L'arrogance est incroyable. Applesoft 2.0...
    • Février 2016th, Apple suce toujours.
    • Je viens de voir que j'ai reçu la "fameuse question" badge pour cette question d'être vu plus de 10 000 fois. Apple n'est TOUJOURS pas en charge html5 de validation de formulaire sur iOS ou OSX. C'en est presque incroyable.
    • Juillet 2016th ne fonctionne toujours pas
    • En septembre 2016, iPhone 7 publié, iOS 10 sorti, et toujours pas de travail. Bravo Apple!
    • Est-il de toute déclaration de la part de apple?
    • C'est Jan 2017, ne fonctionne toujours pas... honte sur apple 🙁
    • De son la fin de Mars 2017.. et Apple est toujours désemparés. Ne sont-ils pas conscients de ce problème??
    • Le lien montre, Safari 10.1 et iOS 10.3 (à la fois provoque la chute sur 27.03.2017) de support de l'attribut obligatoire.
    • Je peux confirmer que, comme en Mai 2017, je suis en train de travailler sur un projet avec la balise obligatoire et nous l'avons testé sur iPhone et il ignoré et le formulaire posté de données vide.
    • En décembre 2017. Je travaille maintenant sur IOS 11.1.2

    InformationsquelleAutor Ian Devlin
  2. 16

    C'est un jQuery solution à la question, il met en évidence les champs de saisie qui ont échoué dans un petit trop de couleur.

    $('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.
    }
});
    • votre solution est grande. Je l'ai adapté pour valider forme actuelle, seulement, si vous avez plus d'un formulaire sur la page, en modifiant deuxième ligne comme suit: codevar requis = $('[required="true"]', this);code
    InformationsquelleAutor Eliot
  3. 2

    Depuis iOS 10.3 cette atrributs sont pris en charge. Aussi e-mail de type nécessiter la rédaction le symbole @ et ainsi de suite...

    InformationsquelleAutor Matouš Bečvář
  4. 1

    Si vous êtes déjà à l'aide de jQuery, Modernizr, et yepnope, c'est un moyen de traiter avec elle. Si vous n'êtes pas alors cela va ajouter beaucoup de javascript.

    Ma solution

    InformationsquelleAutor Jbrown
  5. 1

    Je suppose que vous pouvez faire quelque chose avant de le soumettre action comme celle 

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

    après avoir appuyé sur submit bouton, checkValid() est évoqué avant qu'il soumet. une valeur de retour de truecontinuera de le soumettre à l'action.

    reportez-vous à ce post pour de plus amples explications.:)

    InformationsquelleAutor AgnesCat
  6. 0

    Si vous utilisez PHP, vous pouvez ajouter une validation comme ce 

    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
     }
   }

    Vous pouvez ensuite ajouter cette fonction en php avant de votre formulaire.

    • Ce qui va être fait sur le côté serveur. Le required attribut est intégré dans le navigateur et empêcher votre navigateur d'envoyer un contenu incomplet. En d'autres termes, l'idée est d'empêcher PHP (dans votre cas) de ne jamais avoir à les valider (même si en fait vous devriez faire de toute façon).
    InformationsquelleAutor C.Tom