javascriptでブートストラップログイン

Question

私はJavascriptを使い慣れていないため、スクリプト内のパスワードを検証していないため、Bootstrapでログインフォームを検証する必要があります。

https://jsfiddle.net/98uqsvu2/

<script type="text/javascript"> 
function check_info() 
{ 
var user = document.getElementById("inputEmail").value; 
var pass = document.getElementById("inputPassword").value; 
    if(user == "test@gmail.com") 
    { 
     if(pass == "123") 
     { 
      return true; 
     } 
    } 
     else 
     { 
      return false; 
     } 

} 
</script> 

のgit：https://gist.github.com/Adaryn/6c38cfafd5e95d8a0bba508a33cebec7

Answer 1

@Adaryn 私がコメントすることはできませんので、私は答えとして、それを投稿しました。

私はフィドルに以下の変更を加え、コードを実行することができました。

• HTMLからリンクhrefを削除しました。
• 閉じたボディタグが追加されました。
• javascriptコードセクションからスクリプトを移動し、閉じたbodyタグのすぐ上に貼り付けました。

ここでは、fiddleが更新されています。

<div class="container"> 

    <form class="form-signin" form role="form" action="hola.html" name="formlogin" method="post" class="login-form" onsubmit="check_info()"> 

    <h2 class="form-signin-heading">Please sign in</h2> 
    <label for="inputEmail" class="sr-only">Email address</label> 
    <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required="" autofocus=""> 
    <label for="inputPassword" class="sr-only">Password</label> 
    <input type="password" id="inputPassword" class="form-control" placeholder="Password" required=""> 

    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> 
    </form> 

</div> <!-- /container --> 
<script type="text/javascript"> 
function check_info() 
{ 
    var user = document.getElementById("inputEmail").value; 
    var pass = document.getElementById("inputPassword").value; 
    if(user == "test@gmail.com") 
    { 
     if(pass == "123") 
     { 
      return true; 
     } 
    } 
     else 
     { 
      return false; 
     } 

} 
</script> 

Answer 2

このコードを試してみてください。また

document.getElementById("submit-form").addEventListener("click", check_info); 

function check_info() { 
    var user = document.getElementById("inputEmail").value; 
    var pass = document.getElementById("inputPassword").value; 
    if (user == "test@gmail.com" && pass == "123") { 
    alert("email and password is valid!!!"); 
    return true; 
    } else { 
    alert("email and password is NOT valid!!!"); 
    return false; 
    } 
} 

https://jsfiddle.net/damaxrss/