Question

我对HTML和JS相对较新，我一直在尝试创建一个简单的登录页面，在输入有效的凭据时会重定向到index.html页面。但无论我输入什么，它总是重定向到index.html页面。这是登录页面的HTML代码

<form role="form" action="index.html" name="formlogin" method="post" class="login-form" onsubmit="check_info()">
  <div class="form-group">
    <label class="sr-only" for="form-username">Username</label>
    <input type="text" name="form-username" placeholder="Username..." class="form-username form-control" id="form-username">
  </div>

  <div class="form-group">
    <label class="sr-only" for="form-password">Password</label>
    <input type="password" name="form-password" placeholder="Password..." class="form-password form-control" id="form-password">
  </div>
  <button type="submit" class="btn" value="submit">Sign in!</button>
</form>

这里是javascript

<script type="text/javascript">
function check_info()
{
var myform = document.formlogin;

    if(myform.form-username.value == "test")
    {
        if(myform.form-password.value == "123")
        {
            return true;
        }
    }

    else
    {
        return false;
    }
}
</script>

P.S：我正在使用引导登录模板。

Answer 1

HTML：

onsubmit="return check_info()"

使用Javascript：

function check_info()
{
var user = document.getElementById("form-username").value;
var pass = document.getElementById("form-password").value;
    if(user == "test")
    {
        if(pass == "123")
        {
            return true;
        }
    }
    return false;
}

Answer 2

您可以使用如下所需的参数：

<input type="text" name="form-username" placeholder="Username..." class="form-username form-control" id="form-username" required>

使用javascript验证登录表单

2 个答案: