jquery - jqtouch如何取消页面跳转

Question

我正在 jqTouch 中构建一个简单的应用程序，它设置了一个向导样式、一个输入页面、第二个输入页面和一个结果页面。

我想为表单编写一些验证，并防止用户在没有正确填写表单时进入下一页。

这是我写的测试方法：

      $('#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();or停止它return false;。

我已经分别尝试过。出现验证错误消息，但页面仍然传递到下一个。

我检查了文档，但它非常稀疏，我找不到任何代码示例来说明这是如何完成的？

Answer 1

尝试将该功能绑定到 click & touchstart，以便在页面动画开始之前停止传播。

$('#page1').bind('click touchstart touchend', function(e) {
      if($("#testinput").val() == "") {
          $("#validation").text("validation error");
          e.stopPropagation();
          return false;
      } 
  });