2015-11-17 3 views
1

Я пытаюсь проверить свое имя пользователя и проверить, содержит ли имя пользователя по крайней мере 6 букв, если нет, то я покажу всплывающее окно с указанием того же. Но команда предупреждения не работает.Javascript Validating username Длина

Ниже приводится код:

<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> 
+6

Вы пытаетесь получить доступ к USERNAME1, но не захватывая значение от входа. Попробуйте использовать document.getElementByName («username1»). Значение –

+5

'username1' - неопределенная переменная в контексте' username1.length'. – Sparky

+0

Какие изменения я должен сделать, чтобы сделать это – user5113176

ответ

3

Вы пытаетесь использовать атрибут имя элемента в качестве идентификатора, который создает глобальное свойство окна. Имя не делает этого, однако вы можете использовать. Вы также не получаете значение, вы пытаетесь получить длину элемента.

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

Я также попробовал другой способ, который работал на меня. Я отредактировал свое оригинальное сообщение с ответом – user5113176

+0

@ user5113176, не редактируйте сообщение с ответом. Вместо этого разместите свой собственный ответ ниже. – Sparky

+0

Извините, сделаю это сейчас – user5113176

0

Ответ: Я попробовал это так он работал:

 <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> 
+0

username2 = form1.username1.value Это то, что я добавил в код, чтобы он запустился. – user5113176