НУЖНА ПОМОЩЬ! Внешний javascript просто не будет работать...
Я новичок в кодировании и только недавно попробовал сделать простую страницу входа в систему с внешним javascript, связанным с ней ... Но когда я запускаю HTML и нажимаю кнопку show, javascript не работает.
HTML-код:
<HTML>
<HEAD>
<TITLE> Log In | Page </TITLE>
<SCRIPT Type='text/javascript' src="main.js">
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<FONT Face="Lucida Bright" size="28"> WELCOME
</FONT>
<BR> <BR>
<FORM Name="Mainform">
<FONT Face="Lucida Bright" size="5">
Username
<INPUT Type="text" Name="Usrnm" size="15">
<BR> <BR>
Password
<INPUT Type="password" Name="Usrps" size="15">
<BR> <BR> <BR>
<INPUT Type="button" Name="Login" Value="Show" onclick="event()">
</FONT>
</FORM>
</CENTER>
</BODY>
</HTML>
код JavaScript:
function event() {
var usrread= document.Mainform.Usrnm.value;
var pswread= document.Mainform.Usrps.value;
if (usrread.length<=3)
{
alert("Your username must contain at least 4 Characters!");
alert("Wrong Data! Please check again.");
return;
}
if (pswread.lenth<=5)
{
alert("Your password must contain at least 6 Characters!");
alert("Wrong Data! Please check again.");
return;
}
if (isNaN(pswread.charAt(0))==True || isNaN(pswread.charAt(1))==True)
{
alert("The first two characters in the Password must be Numbers!");
alert("Wrong Data! Please check again.");
return;
}
if (usrread.length>=3 && pswread.lenth>=5 && isNaN(pswread.charAt(0))==False
&& isNaN(pswread.charAt(1))==False)
{
alert("Correct Data");
return;
}
}
Пожалуйста, Помогите! Заранее благодарю вас!
Что я уже пробовал:
Я попробовал онлайн-валидаторы, и там говорится, что ошибок нет. Так что, наверное, тут какая-то логическая ошибка. Я был бы так счастлив, если бы вы указали на это. :)
Richard Deeming
Похоже, вы учитесь из очень старого источника. Ты упускаешь самое главное. doctype объявление; вы используете устаревшие элементы, такие как CENTER и FONT; и имена элементов и атрибутов действительно должны быть в нижнем регистре.
(Этот случай технически не требуется, но вы захотите быть последовательным, и стандартное соглашение заключается в использовании нижнего регистра.)
<!DOCTYPE html>
<html>
<head>
<title>Log In | Page</title>
<script src="main.js"></script>
<style>
body {
font-family: "Lucida Bright";
text-align: center;
}
</style>
</head>
<body>
<h1>Welcome</h1>
<form name="mainform">
<p>username <input type="text" name="usrnm" size="15" pattern=".{4,}"></p>
<p>password <input type="password" name="usrps" size="15" pattern="\d{2}.{4,}"></p>
<p><input type="button" name="login" value="show" onclick="showDetails()"></p>
</form>
</body>
</html>
function showDetails() {
var usrread= document.mainform.usrnm.value;
var pswread= document.mainform.usrps.value;
if(usrread.length <= 3) {
alert("Your username must contain at least 4 Characters!");
return;
}
if (pswread.lenth <= 5) {
alert("Your password must contain at least 6 Characters!");
return;
}
if (!(/^\d{2}/).test(pswread)) {
alert("The first two characters in the Password must be Numbers!");
return;
}
// If we get here, all of the tests have passed;
// there's no need to repeat them.
alert("Correct Data");
}
Атрибут шаблона ввода HTML[^]
Регулярные Выражения - JavaScript[^]