html5 de validation de formulaire (sans envoi)

J'ai un modal div qui s'affiche dans mon application, il contient des éléments de formulaire, mais je ne veux pas soumettre le formulaire, les valeurs sont écrites dans d'autres éléments du DOM de la page.

Je ne, cependant, veulent s'assurer que les champs de cette modal sont valides avant de permettre le " Ok " de l'action à exécuter.

J'ai besoin de ce travail dans IE9 (IIRC ne prend pas en charge .checkValidity())

Donc, ce que je demande est que quand je clique sur un bouton Ok (pas un bouton de type submit) comment puis-je valider et de montrer ce qui invalide cette forme, sans le soumettre.

Je préfère utiliser autant de fonctionnalités html5 (<input required /> et tel) que possible.

JsFiddle: http://jsfiddle.net/gibble/AtHas/

Si vous voulez qu'il fonctionne dans un large éventail de navigateurs, JavaScript. Si vous utilisez uniquement HTML5, vous n'allez pas à le faire fonctionner dans tous les navigateurs.
assez bien, c'est juste pas encore prêt.
J'ai juste besoin de travailler dans IE9+ (et chrome serait bien)

OriginalL'auteur CaffGeek | 2013-04-09

  1. 2

    JQuery est un plugin de validation qui peut être fait pour gérer ce que vous essayez d'accomplir.

    http://docs.jquery.com/Plugins/Validation

    J'ai utilisé jquery.valider.discrète
    Content que ça fonctionne pour vous. J'aime vraiment ce plugin, il fonctionne très bien.

    OriginalL'auteur Kevin

  2. 0

    Voici un lien vers une question similaire:

    Ce javascript de secours fait de mieux simuler html5 de validation de formulaire

    De validation de formulaire en html5 ne fonctionne pas dans tous les navigateurs, nous avons juste à attendre, et de mettre en œuvre javascript dans le temps.

    OriginalL'auteur nycynik