使用javascript验证登录表单

Question

我对HTML和JS比较新，我一直试图创建一个简单的登录页面，输入有效的凭据重定向到index.html页面。但无论我输入什么，它总是重定向到index.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> 

的HTML代码，这里的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>