javascript - 用 Javascript 创建登录页面,在登录时显示错误

标签 javascript html authentication dom-events

我想创建一个登录页面,因为我想要一些东西,如果我输入错误的用户ID,它会发出警报,如果留空,那么它会发出警报,对于不正确的电子邮件地址,如果是密码,它也会发出警报将显示相同的内容。

<html>
  <head>
    <script language="javascript">
      function check(form) {
        if (form.userid.value == "id") {
            alert("correct username")
        }
        else if(form.userid.value == "") {
            alert(blank username)
        }

        if (form.pswrd.value == "123") {
            alert("correct details")
        }
        else if(form.pswrd.value == "") {
            alert(blank username)
        }

        else {
            alert("Error Password or Username")
        }
      }
    </script>
     
  </head>
  <body>
      <h1>Login </h1>
      <form name="login">
          Username<input type="text" name="userid"/>
          Password<input type="password" name="pswrd"/>
          <input type="button" onclick="check(this.form)" value="Login"/>
          <input type="reset" value="reset"/>
      </form>
  </body>
</html>

最佳答案

您的代码中存在大量语法错误,例如 JavaScript 不支持的 elseif、缺少引号、错误的括号。您是否使用 IDE 来帮助您编码?无论如何,您都可以在此处获得代码的修补版本:

<html>
<head>
    <script language="javascript">
        function check(form) {
            if(form.userid.value == "id") {
                alert("correct username")
            } else if (form.userid.value == "") {
                alert ("blank username")
            } else if(form.pswrd.value == "123") {
                alert("correct details")
            } else if(form.pswrd.value == "") {
                alert ("blank password")
            }
        }
    </script>

</head>
<body>
<h1>Login </h1>
<form name="login">
    Username<input type="text" name="userid"/>
    Password<input type="password" name="pswrd"/>
    <input type="button" onclick="check(this.form)" value="Login"/>
    <input type="reset" value="reset"/>
</form>

</body>
</html>

关于javascript - 用 Javascript 创建登录页面,在登录时显示错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37960162/

相关文章:

html - Markdown 中的 <video>

Java Orkut 登录

javascript - 用其他子域替换子域名使用 JavaScript?

javascript - 在进行 JQuery 对话框选择之前,HTML 表单继续提交?

javascript - 在 Django View 中传递列表或数组(作为参数)

html - 文本旁边的三 Angular 形

html - 使对象从随机点沿 SVG 路径移动

php - 一种向 javascript 调用的 web 服务添加访问控制的方法?

php - 认证系统 - 返回每次都必须改变的信息

javascript - 如何在 li 的 twitter bootstrap 中切换事件类?