Question

我正在使用此表单作为我的服务器的连接器，当我把正确的用户和密码连接到我的网络的形式并重定向到IP，但当我输入错误的密码或错误的用户，我不想要重定向只是留在同一页面。

＆＃13;

<div class="container"><!-- CONTAINER -->
      <div class="row"><!-- ROW -->
      <div class="col-md-4"></div>
      <div class="col-md-4"><!-- COL 3 -->
        <form class="login" autocomplete="off" method="post" action="http://139.59.200.233:8080/track/Track">
        <h5>SERVIDOR 1</h5>
        <h2 class="title">Acceso a plataforma GPS</h2>
        <input id="accountLoginField" type="hidden" value="occidentegps" name="account" required>
        <input type="text"  name="user" placeholder="Usuario" autofocus required/>
        <i class="fa fa-user"></i>
        <input type="password"  name="password" placeholder="Contraseña" required />
        <i class="fa fa-key"></i>
               
        <button>
          <i class="spinner"></i>
          <span class="state">INICIAR SESIÓN</span>
        </button>
        </form>
        </div><!-- COL 3 -->
        <div class="col-md-4"></div>


        </div><!-- ROW -->
    </div><!-- CONTAINER -->

＆＃13;

Answer 1

使用html表单提交时，用户将始终重定向。在重定向用户之前检查凭据是否正确的唯一方法是使用JavaScript（xhr，ajax或fetch）提交表单数据。

Answer 2

尝试这样的事情：

  $("#your-submit-button").click(function(){
      $.ajax({
        type: 'POST', 
        url: 'youriP', 
        dataType: 'json',
        data: $('#yourForm').serialize(),
        success: function (x) {                
          // Code to redirect
        },
      });
      return false;
    });

填写输入成功时重定向html

2 个答案: