Question

我希望在我的网站中使用此功能... 在登录页面中，如果我没有填写输入表单（名称，密码...），然后单击“登录”按钮它必须发出警报“所需空间为空” 当我填写输入表单并单击登录按钮时，它必须转到我的下一页。

<form>
      <div>
         <label for="uname"><b>Username</b></label>
         <input type="text" placeholder="Enter Username" name="uname" Required> <br> <br>   

         <label for="psw"><b>Password</b></label>
         <input type="password" placeholder="Enter Password" name="psw" Required> <br> <br>

         <label> <input type="checkbox" checked="checked" name="remember"> Remember me <br> <br> </label>
         <button type="submit"> <a href="test.html">Login</a>  </button><br> <br>
      </div>
</form>

现在发生的事情是，当我单击“登录”按钮时，它没有发出“所需空间为空”的警报，而是转到嵌套页面“ test.html”

Answer 1

只需从a按钮中删除submit元素。

如果要在填写字段时重定向到test.html，请使用action元素的form属性。

<form action="test.html">
  <div>
    <label for="uname"><b>Username</b></label>
    <input type="text" placeholder="Enter Username" name="uname" Required> <br> <br>

    <label for="psw"><b>Password</b></label>
    <input type="password" placeholder="Enter Password" name="psw" Required> <br> <br>

    <label> <input type="checkbox" checked="checked" name="remember"> Remember me <br> <br> </label>
    <button type="submit">Login</button><br> <br>
  </div>
</form>

需要登录无法正常工作

1 个答案: