Форум

valiker · #1 (**permalink**) 20.11.2013, 21:43

Добрый день. Нужно сделать простую проверку пароля.Если пароль правильный,перейдет на другую страницу. Пароль проверяет,но на страницу не переходит.Пока слабоват в скрипте ,подскажите как сделать правильно.Буду очень признателен.

<!DOCTYPE html>   
<head>  
<meta charset="utf-8">  
<title>pass validation</title>  
<link rel='stylesheet' href='form-style.css' type='text/css' />  
</head>  
<body>  
<div class="mail">  
<h2>Input Password and Submit [6 to 20 characters which contain at least one numeric digit, one uppercase and one lowercase letter]</h2>  
<form name="form1" action="#">  
<ul>  
<li><input type='text' name='text1'/></li>  
<li class="rq">*Enter numbers only.</li>  
<li>&nbsp;</li>  
<li class="submit"><input type="submit" name="submit" value="Submit" onclick="CheckPassword(document.form1.text1)"/></li>  
<li>&nbsp;</li>  
</ul>  
</form>  
</div>  
<script type="text/javascript">
function CheckPassword(inputtxt)   
{   
var passw = "rai50";  
if(inputtxt.value.match(passw))   
{   
return true; 
document.location.href = "http://www.google.com";
}  
else  
{   
alert('Wrong...!')  
return false;  
}  
} 
</script>  
</body>  
</html>

Rise · #2 (**permalink**) 20.11.2013, 21:53

Удалите return true; и все получится

valiker · #3 (**permalink**) 20.11.2013, 21:56

Сообщение от Rise

Удалите return true; и все получится

убрал,не получилось.

JS&PHP · #4 (**permalink**) 20.11.2013, 22:01

<!DOCTYPE html>   
<head>  
<meta charset="utf-8">  
<title>pass validation</title>  
</head>  
<body>  
<div class="mail">  
<h2>Input Password and Submit [6 to 20 characters which contain at least one numeric digit, one uppercase and one lowercase letter]</h2>  
<form name="form1" action="#">  
<ul>  
<li><input type='text' name='text1' id="pas"/></li>  
<li class="rq">*Enter numbers only.</li>  
<li>&nbsp;</li>  
<li class="submit"><input type="submit" name="submit" value="Submit" onclick="CheckPassword()"/></li>  
<li>&nbsp;</li>  
</ul>  
</form>  
</div>  
<script type="text/javascript">
function CheckPassword(inputtxt)   
{   
var passw = "rai50";  
var pasCode = document.getElementById("pas");
if(pasCode.value.match(/rai50/g)[0] == passw)   
{   
alert("Good");
window.location = "http://first_site/";
document.write("All be good! ;)");
return true;
}  
else  
{   
alert('Wrong...!')  
return false;  
}  
} 
</script>  
</body>  
</html>

Если выводит сообщение "Good", значит проверка прошла успешно

valiker · #5 (**permalink**) 20.11.2013, 22:05

Сообщение от JS&PHP

<!DOCTYPE html>   
<head>  
<meta charset="utf-8">  
<title>pass validation</title>  
</head>  
<body>  
<div class="mail">  
<h2>Input Password and Submit [6 to 20 characters which contain at least one numeric digit, one uppercase and one lowercase letter]</h2>  
<form name="form1" action="#">  
<ul>  
<li><input type='text' name='text1' id="pas"/></li>  
<li class="rq">*Enter numbers only.</li>  
<li>&nbsp;</li>  
<li class="submit"><input type="submit" name="submit" value="Submit" onclick="CheckPassword()"/></li>  
<li>&nbsp;</li>  
</ul>  
</form>  
</div>  
<script type="text/javascript">
function CheckPassword(inputtxt)   
{   
var passw = "rai50";  
var pasCode = document.getElementById("pas");
if(pasCode.value.match(/rai50/g)[0] == passw)   
{   
alert("Good");
window.location.href = "test.php";
}  
else  
{   
alert('Wrong...!')  
return false;  
}  
} 
</script>  
</body>  
</html>

Если выводит сообщение "Good", значит проверка прошла успешно

проверка там работает,мне нужен переход на другую страницу после проверки.

JS&PHP · #6 (**permalink**) 20.11.2013, 22:18

<!DOCTYPE html>   
<head>  
<meta charset="utf-8">  
<title>pass validation</title>  
</head>  
<body>  
<div class="mail">  
<h2>Input Password and Submit [6 to 20 characters which contain at least one numeric digit, one uppercase and one lowercase letter]</h2>  
<ul>  
<li><input type='text' id="pas"/></li>  
<li>*Enter numbers only.</li>  
<li>&nbsp;</li>  
<li class="submit"><input type="submit" onclick="CheckPassword()"/></li>  
<li>&nbsp;</li>  
</ul>   
</div>  
<script type="text/javascript">
function CheckPassword(){   
	var passw = "rai50";  
	var pasCode = document.getElementById("pas");
	if(pasCode.value.match(/rai50/g)[0] == passw){   
		window.location.href = "http://www.google.com";
		return true;
	}  
	else{   
		alert('Wrong...!')  
		return false;  
	}  
} 
</script>  
</body>  
</html>

Все должно работать.

Напишите, работает ли.

Rise · #7 (**permalink**) 20.11.2013, 22:20

А так...

<!DOCTYPE html>   
<head>  
<meta charset="utf-8">  
<title>pass validation</title>  
<link rel='stylesheet' href='form-style.css' type='text/css' />  
</head>  
<body>  
<div class="mail">  
<h2>Input Password and Submit [6 to 20 characters which contain at least one numeric digit, one uppercase and one lowercase letter]</h2>  
<form name="form1" action="#">  
<ul>  
<li><input type='text' name='text1'/></li>  
<li class="rq">*Enter numbers only.</li>  
<li>&nbsp;</li>  
<li class="submit"><input type="submit" name="submit" value="Submit" onclick="return CheckPassword()"/></li>  
<li>&nbsp;</li>  
</ul>  
</form>  
</div>  
<script type="text/javascript">
function CheckPassword() {
	var passw = "rai50";
	var reg = new RegExp("^" + passw + "$");
	if(reg.test(document.form1.text1.value)) {   
		document.location.href = "http://www.google.com";
	} else {   
		alert('Wrong...!');
	} 
	return false;
} 
</script>
</body>  
</html>

valiker · #8 (**permalink**) 20.11.2013, 22:24

Сообщение от JS&PHP

<!DOCTYPE html>   
<head>  
<meta charset="utf-8">  
<title>pass validation</title>  
</head>  
<body>  
<div class="mail">  
<h2>Input Password and Submit [6 to 20 characters which contain at least one numeric digit, one uppercase and one lowercase letter]</h2>  
<ul>  
<li><input type='text' id="pas"/></li>  
<li>*Enter numbers only.</li>  
<li>&nbsp;</li>  
<li class="submit"><input type="submit" onclick="CheckPassword()"/></li>  
<li>&nbsp;</li>  
</ul>   
</div>  
<script type="text/javascript">
function CheckPassword(){   
	var passw = "rai50";  
	var pasCode = document.getElementById("pas");
	if(pasCode.value.match(/rai50/g)[0] == passw){   
		window.location.href = "http://www.google.com";
		return true;
	}  
	else{   
		alert('Wrong...!')  
		return false;  
	}  
} 
</script>  
</body>  
</html>

Все должно работать.

Напишите, работает ли.

на страницу переходит,но теперь не выводит алерт,если неправильный пароль

valiker · #9 (**permalink**) 20.11.2013, 22:26

Сообщение от Rise

А так...

Да,все отлично !

Спасибо за помощь ,ребята!

JS&PHP · #10 (**permalink**) 20.11.2013, 22:30

<!DOCTYPE html>   
<head>  
<meta charset="utf-8">  
<title>pass validation</title>  
</head>  
<body>  
<div class="mail">  
<h2>Input Password and Submit [6 to 20 characters which contain at least one numeric digit, one uppercase and one lowercase letter]</h2>  
<ul>  
<li><input type='text' id="pas"/></li>  
<li>*Enter numbers only.</li>  
<li>&nbsp;</li>  
<li class="submit"><input type="submit" onclick="CheckPassword()"/></li>  
<li>&nbsp;</li>  
</ul>   
</div>  
<script type="text/javascript">
function CheckPassword(){   
	var passw = "rai50";  
	var pasCode = document.getElementById("pas");
	if((pasCode.value.match(/rai50/g) != null) && pasCode.value.match(/rai50/g)[0] == passw){   
		window.location.href = "http://www.google.com";
	}  
	else{   
		alert('Wrong...!')  
		return false;  
	}  
} 
</script>  
</body>  
</html>

Форум

Справочник

Discord чат

Курсы javascript