Question

我是Javascript的新手，我需要使用Bootstrap验证登录表单，但事情并未验证脚本中的密码。

<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代码部分移动脚本并将其粘贴在关闭正文标记上方。

以下是更新后的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

试试这段代码。还添加了jsfiddle

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/

使用javascript启动登录

2 个答案: