Javascript验证用户名长度答案

【问题标题】：Javascript Validating username LengthJavascript验证用户名长度
【发布时间】：2016-02-19 09:21:56
【问题描述】：

我正在尝试验证我的用户名字段并检查用户名是否包含至少 6 个字母，如果没有，我会显示一个弹出窗口，指示相同。但是警报命令似乎不起作用。

以下是代码：

<html>
<head>
<title> Webpage </title>
</head>
<script language="Javascript">
function validate()
{

if (username1.length < 6)
{
alert("Username must be atleast 6 charactrs long, Please Try Again");
}

}


</script>
<body>
<form>
<center>
 <fieldset>
<table cellspacin="5" cellpadding="5" border="0">

<tr>
<td>Username: </td>
<td align="left"><input type=="text" name="username1" maxlength="20" size="20">
</td>
</tr>

<tr>
<td> Password: </td>
<td align = "left"> <input type="text" name="password" maxlength="20" size="20">
</td>
</tr>

<tr>
<td> Please confirm your password: </td>
<td align = "left"> <input type="text" name="password1" maxlength="20"        size="20">
</td>
</tr>

<tr>
<td align="center"><input type="submit" value="Log in" onClick="validate()">
</td>
</tr>
</fieldset>
</table>

</center>
</form>
</body>
</html>

【问题讨论】：

您正在尝试访问 username1，但没有从输入中获取值。尝试使用 document.getElementByName("username1").value
username1 是username1.length 上下文中的未定义变量。
我应该做些什么改变来做到这一点
@user5113176 我在上面编辑了我的评论以说明您如何完成此操作。我建议您查看w3schools.com/jsref/prop_text_value.asp 了解更多信息。
害怕成为唯一注意到<script>标签介于<head>和<body>之间的人..

标签： javascript html validation

【解决方案1】：

您正在尝试使用 name 元素属性作为 id，这会创建一个全局窗口属性。但是，名称不会这样做，您可以使用。您也没有获得价值，而是试图获得元素的长度。

document.getElementsByName('username1')[0].value

【讨论】：

我还尝试了另一种对我有用的方法。我已经用答案编辑了我的原始帖子
@user5113176，不要用答案编辑帖子。相反，请在下面发布您自己的答案。
对不起，现在就这样做

【解决方案2】：

回答：我用这种方法试过了：

       <html>
       <head>
      <title> Webpage </title>
     </head>
      <script language="Javascript">
     function validate()
     {

     username2 =form1.username1.value

    if (username2.length < 6)
    {
    alert("Username must be atleast 6 charactrs long, Please Try Again");
    } 

   } 


  </script>
  <body> 
  <form name="form1">
   <center>
  <fieldset>
  <table cellspacin="5" cellpadding="5" border="0">

 <tr>
 <td>Username: </td>
 <td align="left"><input type=="text" name="username1" maxlength="20" size="20">
 </td>
 </tr>

 <tr>
 <td> Password: </td>
 <td align = "left"> <input type="text" name="password" maxlength="20" size="20">
 </td>
 </tr>

 <tr>
 <td> Please confirm your password: </td>
 <td align = "left"> <input type="text" name="password1" maxlength="20" size="20">
 </td>
 </tr>

 <tr>
  <td align="center"><input type="submit" value="Log in"  onClick="validate()">
 </td>
 </tr>
 </fieldset>
 </table>

 </center>
 </form>
 </body>
 </html>

【讨论】：

username2 =form1.username1.value 这是我添加到代码中以使其运行的内容。