把加粗部分的button类型从button改为submit之后再点登录好就直接跳转页面了

Question

内容可能写的有点麻烦第一次写求大神指导

我的js

 

<script>function fnLogin() {

    var oUname = document.getElementById("uname")

    var oUpass = document.getElementById("upass")

    var oError = document.getElementById("error_box")

    var isError = true;

    var var1 = /[A-Za-z0-9]{6,20}$/;

    var var2 = /[A-Za-z0-9]{5,15}$/;

    var result1=var1.test(uname.value);

    var result2=var2.test(upass.value);

    if (result1==false) {

     oError.innerHTML = "用户名请输入6-20位字符";

     oError.style.color="red";

     isError = false;

     return;

    }

    if (result2==false) {

     oError.innerHTML = "密码请输入6-20位字符"

     oError.style.color="red";

     isError = false;

     return;

    }

    location.href="user.html";

   }

  

   </script>

这是我的html

<form name="frm" action="user.html" method="post">

  <input  id="uname" type="text" name="user" placeholder="请输入用户名"><br>

  <input id="upass" type="password" name="psw" placeholder="请输入密码">

<div id="error_box"><br></div>

    <button type="submit" class="btn btn-primary" onclick="fnLogin()">登录</button>&nbsp;&nbsp;&nbsp;

  <input type="reset" value="重置"/>

 </form></div>

Answer 1

<script>
    function fnLogin() {
      var uname = document.getElementById("uname")
      var upass = document.getElementById("upass")
      var rel = /[A-Za-z0-9]{6,20}$/;
      if (!rel.test(uname.value) || !rel.test(upass.value)) {
        alert("用户名或密码请输入6-20位字符");
        upass.value = ''
        uname.value = ''
        return false
      } else {
        return true
      }
    }
  </script>
  <form name="frm" action="user.html" method="post" onsubmit="return fnLogin()">
    <input  id="uname" type="text" name="user" placeholder="请输入用户名"><br>
    <input id="upass" type="password" name="psw" placeholder="请输入密码"><br>
    <input type="submit" value="Submit">
  </form>