Question

以下代码，我正在学习自己的Javascript，并想知道如何验证我的代码，使文本框说出像＃34;请输入一个值＆＃34;或＆＃34;请输入有效的用户名或密码。

我尝试过，但这就是我为此所做的在线搜索。

 <head>
       <script type = 'text/javascript'>
    function nullcheck()
      {
        if(document.getElementById("").value==="")
        {
          alert("Please enter value.");
          return false;
        }
      }
    </script> 
      <title>Login Form</title>
      <link rel="stylesheet" href="css/style.css"/>

    </head>

    <body>
      <section class="container">
        <div class="login">
          <h1>Login</h1>
          <form method="post" action="index.xhtml">
            <p><input type="text" name="login" value="" id="Username or Email" /></p>
            <p><input type="password" name="password" value="" id="Password"/></p>
            <p class="remember_me">
              <label>
                <input type="checkbox" name="remember_me" id="remember_me"/>
                Remember me on this computer
              </label>
            </p>
            <p class="submit"><input type="submit" name="commit" value="Login" onchange="nullcheck()"/><button type="reset" value="Clear">Clear</button></p>

          </form>
        </div>

      </section>

    </body>

    </htm

Answer 1

您可以一次验证一个项目，但更通用的解决方案是编写validate()函数。使表单元素看起来像这样：

<form method="post" action="index.xhtml" onsubmit="return validate();">

如果validate()函数返回false，则不会提交表单。由validate()函数决定是否发出提示等。

示例功能：

function validate() {
var error = false,
    errmsg="";
    if(document.getElementById("username").value==="") {
       error = true;
       errmsg = "User name may not be blank.\n";
    }
    if(document.getElementById("password").value==="") {
       error = true;
       errmsg = "Password may not be blank.\n";
    }
    if (error) {
       alert(errmsg);
       return false;
    } else {
       return true;
    }
} // validate

验证文本框Javascript

1 个答案: