使用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>