Javascript HTML表单按钮按两次可打开新页面

我想使用表单进行简单的登录，我创建了一个表单，该表单有一个输入字段供用户输入密码，然后用户按下提交按钮

将使用javascrip检索密码，如果密码正确，它将打开一个新页面

<script language="javascript">
   function check(form)/*function to check userid & password*/
   {
 /*the following code checkes whether the entered userid and password are matching*/
       if(form.password.value == "nopassword")
       {
           self.location='main.html'
       }
           else
       {
           alert("Wrong Password\nTry again Bak Choy Friend! :)")/*displays error message*/
       }
    }
</script>
.
.
.
<form>
  <input type="text" placeholder="Password" name="password">
  <input type="button" class="button" value="Login" onclick="check(this.form)"/>                  
</form>

函数检查（表单）/*用于检查用户ID和密码的函数*/
{
/*以下代码检查输入的用户ID和密码是否匹配*/
if（form.password.value==“nopassword”）
{
self.location='main.html'
}
其他的
{
警报（“错误的密码\n再次尝试Bak Choy Friend！：）”/*显示错误消息*/
}
}
.
.
.

但问题是它需要用户按两次而不是一次，然后才能打开新页面？ 第一次，我用密码按下按钮，地址栏显示

…net/？password=nopassword

然后，当我第二次按带有密码的按钮时，它会将我重定向到新页面 我可以知道如何解决这个问题吗？

试试这个：

<script language="javascript">
function check(form)/*function to check userid & password*/
{
 /*the following code checkes whether the entered userid and password are matching*/
   if(form.password.value === "nopassword")
   {
      self.location = 'main.html';
      return true;
   }
       else
   {
       alert("Wrong Password\nTry again Bak Choy Friend! :)")/*displays error message*/
       return false;
   }
}
</script>

 <input type="button" class="button" value="Login" onclick="return check(this.form);"/>

函数检查（表单）/*用于检查用户ID和密码的函数*/
{
/*以下代码检查输入的用户ID和密码是否匹配*/
if（form.password.value==“nopassword”）
{
self.location='main.html'；
返回true；
}
其他的
{
警报（“错误的密码\n再次尝试Bak Choy Friend！：）”/*显示错误消息*/
返回false；
}
}

在javascript中检查密码？这是什么样的安全措施？你说的“需要用户按两次”是什么意思？您的问题是什么？只需单击一下，就可以更清楚地告诉您

main.html

文件是什么？在你的平台上这个文件的名字是什么？就您所知，在javascript中，您应该放置一个

在执行代码行的末尾。@MostafaR-Ha，不要打开
蠕虫的罐头是的，这是什么样的安全性？：）是的，我是用你的方法工作的！但这是因为饼干问题吗？