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