0

私は jqTouch で簡単なアプリを構築しています。これには、ウィザード スタイルの設定、入力のページ、入力の 2 番目のページ、そして結果ページがあります。

フォームの検証を記述し、ユーザーがフォームに正しく入力しないと次のページに移動しないようにしたいと考えています。

私が書いたテスト方法は次のとおりです。

      $('#page1').bind('pageAnimationStart', function(e, data) {
          if(data.direction === 'out') {
              if($("#testinput").val() == "") {
                  $("#validation").text("validation error");
                  e.stopPropagation();
                  return false;
              }
          }
      });

イベントはjqueryによって実行され、またはtrigger()を使用して停止できると言われています。e.stopPropagation();return false;

私は両方を個別に試しました。検証エラー メッセージが表示されますが、ページは引き続き次のページに進みます。

ドキュメントを確認しましたが、かなりまばらで、これがどのように行われるかを示すコード例が見つかりませんでしたか?

4

1 に答える 1

1

ページ アニメーションが開始する前に伝播が停止するように、関数をクリック & タッチスタートにバインドしてみてください。

$('#page1').bind('click touchstart touchend', function(e) {
      if($("#testinput").val() == "") {
          $("#validation").text("validation error");
          e.stopPropagation();
          return false;
      } 
  });
于 2012-07-04T11:51:06.563 に答える