Question

点击按钮时; 如果页面上的所有文本框都不是空的，它将指向下一页。我控制它的工作原理。但是我如何使用jquery定位到另一个页面？

$(document).on("pageinit", "#registerPage1", function () {
    $(".nextBtn").click(function () {
        if ($(".txt").val().lenght != 0) {
            // i want to write codes for orientation registerPage1 to registerPage2 in here 
        }

        $(".txt").each(function () {
            if ($(this).val().length == 0 && $(this).next().attr('class') != 'nullInputMsg') {
                ($(this)).after('<div class="nullInputMsg">this field is required!</div>');
            }
            else if ($(this).val().length != 0 && $(this).next().attr('class') == 'nullInputMsg')
                $(this).next().remove();
        });
    });

});

Answer 1

我认为按方向你的意思是重定向。您不需要jQuery进行重定向。简单的javascript就可以完成这项工作。

// works like the user clicks on a link
window.location.href = "http://google.com";

// works like the user receives an HTTP redirect
window.location.replace("http://google.com");

Answer 2

让我们假设您有一个名为myform的表单，其中包含所有文本框。让我们假设具有类nextBtn的按钮位于此表单内，并触发表单的提交行为。

就像你一样，在提交按钮的click事件上验证表单是正常的。但是，只有在所有验证通过后你才想要移动到下一页，所以，你应该离开重定向部分直到结束，此时您将确定验证检查的结果。在那之后，剩下要做的就是

将'myform`的action属性设置为指向所需的页面。（它重定向到此页面）
如果验证失败则返回false，如果它们从处理click事件的函数传递，则返回true。

因此，您的代码看起来像

    $(document).on("pageinit", "#registerPage1", function () {
          $(".nextBtn").click(function () {
              var validationPass = true;

              $(".txt").each(function () {
                  if ($(this).val().length == 0 && $(this).next().attr('class') != 'nullInputMsg') {
                      ($(this)).after('<div class="nullInputMsg">this field is required!</div>');
                      validationPass = false;
                  }
                  else if ($(this).val().length != 0 && $(this).next().attr('class') == 'nullInputMsg')
                      $(this).next().remove();
              });

              return validationPass;
          });

      });

您的HTML应该看起来像

     ....
     ....
      <form id="myform" name="myform" action="RedirectToPage.php" method="get">
        ....
        //form content housing the textboxes and button with class .nextBtn
        ....
      </form>
     ....
     ....

使用Jquery进行页面定位？

2 个答案: