jQuery Mobile de Validation de Formulaire
J'ai un site web mobile et tout fonctionne bien sauf pour la validation. Fondamentalement, je suis à la recherche de prendre des valeurs de l'utilisateur, puis de les traiter sur une page séparée (process.php). Toutefois, avant de le faire j'ai besoin de vérifier que les champs ont été remplis. J'ai regardé plusieurs façons de procéder, mais aucune ne semble fonctionner. J'ai le code ci-dessous pour le moment. Lorsque j'appuie sur le bouton traiter il m'apporte par le biais de la process.php l'écran de démarrage, même si l'élément de champ est vide. Il n'écrit pas dans la base de données mais je préférerais qu'il n'a pas apporter à l'utilisateur de la process.php l'écran jusqu'à ce que tous les champs obligatoires ont été remplis. Des idées?
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>
<script>
$(document).ready(function(){
$("#formL").validate(); });
</script>
<div data-role="content">
<form id="formL" action="/website/process.php" method="post">
<div data-role="fieldcontain">
<label for="item">
<em>* </em> <b>Item:</b> </label>
<input type="text" id="item" name="item" class="required" />
</div>
<div class="ui-body ui-body-b">
<button class="buttonL" type="submit" data-theme="a">Process</button>
</div>
</form>
</div>
OriginalL'auteur Seven | 2011-04-17
Vous devez vous connecter pour publier un commentaire.
Pour un petit comme ça, je ne voudrais pas ennuyer l'aide d'un plugin - est-il encore compatible avec jQuery Mobile? De toute façon, pour vous aider à démarrer, voici un moyen simple d'éviter la soumission quand il y a des champs vides:
Vous pouvez essayer de/mess avec elle ici.
Merci, fonctionne comme un charme 🙂
+1 Facile à nettoyer et! beaucoup mieux que jquery.validate.js depuis il ne fonctionne pas avec
data-role="dialog"
OriginalL'auteur karim79
J'ai couru à travers le même problème que vous avez, j'ai mon formulaire de validation correctement maintenant.
La suivante est ce que j'ai fait avec Jquery Mobile -->
Ce ne sera pas permettre le formulaire pour être soumis si il y a des champs vides. N'hésitez pas à prendre ce code et de les manipuler et de jouer avec elle autant que vous le souhaitez. Comme vous pouvez le voir, j'ai utilisé un .fichier php, tout comme vous, à gérer la validation de l'utilisateur.
OriginalL'auteur lockdown