如何仅根据我选择的单词提交表单

时间:2014-12-10 22:29:14

标签: javascript html login

我有一个登录页面。我希望表单验证表单以允许表单提交,如果我只输入用户名的特定单词和我选择的不同单词作为密码。我不想使用sql数据库。我希望它验证我预先设置的特定单词。如果它是正确的,我希望在我点击提交后将其重定向到我的index.htm页面。但如果它是错的,我希望它清除文本字段。我用什么代码来做这件事。这是我的代码的基本布局:

HTML

<body>
<h1 class="color">Login</h1>
<form action="index.htm">
<span class="heading">Username:</span><br>

<input name="username" type="text" id="username" size="20">
<br>
<span class="heading">Password:</span><br>
<input name="password" type="password" id="password" size="10"><br>


<button name="Login" type="submit" onclick = "evaluateInput()">Login</button>

</form>
</body>

JS

evaluateInput = function(){
     inputBox = document.getElementById("username");
     if(inputBox.value == "<insert password here>"){

     }else

     }
 }{
     inputBox = document.getElementById("password");
     if(inputBox.value == "<insert password here>"){

     }else

     }
 }

1 个答案:

答案 0 :(得分:0)

如果您已成功完成上述表单验证,则可以使用以下代码重定向。

window.location.href = "index.html"

修改

evaluateInput = function(){
    inputUsername = document.getElementById("username");
    inputPassword = document.getElementById("password");
    if(inputUsername.value == "<insert username here>" && inputPassword.value == "<insert password here>"){
        window.location.href = "index.html"
    }
 }