Создание «простого» поля проверки пароля - PullRequest
Новая
       6

Создание «простого» поля проверки пароля

3 голосов
/ 02 ноября 2011

Я пытаюсь создать поле пароля для веб-страницы.Пока что у меня есть: 

<form name="PasswordField" action="">
Password:
<input type="password" name="password">
<input type="button" value="Log in">
</form>

Жалко, я знаю.Это не должно быть необычным, мне просто нужно «получить» пароль из текстового поля и сопоставить его с паролем для страницы.Я предполагаю, что могу использовать if-else? 

*Code for get password from textbox when the "Log in" button is pressed here*
if (password = "rawr")
{alert('Correct!')}
else
{alert('Wrong Password')}

К сожалению, я дурачился с этим часами.Я тоже пробовал функции, и это тоже не сработало (для меня).

Ответы [ 3 ]

2 голосов
/ 02 ноября 2011

Если вы идете по этому пути, вам нужно поместить валидацию в функцию, которая вызывается в событии onclick вашей кнопки. Также для доступа к паролю <input узла в js, вы можете дать ему id и использовать document.getElementById(id). Также = является оператором присваивания. Используйте == для сравнения:) 

<head>
<script type="text/javascript">
function isValid(){
var password = document.getElementById('password').value;
if (password == "rawr")
{alert('Correct!')}
else
{alert('Wrong Password')}
}
</script>
</head>

<form name="PasswordField" action="">
Password:
<input type="password" id="password" name="password">
<input type="button" value="Log in" onclick="isValid();">
</form>

Или еще более простым способом было бы передать DOM-узел пароля в качестве аргумента функции: 

<head>
<script type="text/javascript">
function isValid(myNode){
var password = myNode.value;
if (password == "rawr")
{alert('Correct!')}
else
{alert('Wrong Password')}
}
</script>
</head>

<form name="PasswordField" action="">
Password:
<input type="password" id="password" name="password">
<input type="button" value="Log in" onclick="isValid(this);">
</form>
0 голосов
/ 02 ноября 2011

Я использовал jquery, и вот мое решение: 

<html>
<head>
    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("input[name='login']").click(function() {
                var s = $("input[name='password']").val();

                if(s == "rawr") {alert('Correct!')}
                else {alert('Wrong Password')}
            });
        });
    </script>

</head>

<body>
    <form name="PasswordField" action="">
    Password:<input type="password" name="password">
        <input type="button" value="Log in" name="login">
    </form>
</body>

</html>
0 голосов
/ 02 ноября 2011

Это то, что вы ищете? 

document.forms['PasswordField'].elements['password'].value
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...