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();或return false;停止此活动。

我已经单独尝试过了。出现验证错误消息，但页面仍然传递给下一页。

我有checked the documentation，但它非常稀疏，我找不到任何代码示例来说明这是如何完成的？

Answer 1

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

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

如何在jqtouch中取消页面转换

1 个答案: