Как избежать отправки формы после отображения оповещения? - PullRequest
Новая
       12

Как избежать отправки формы после отображения оповещения?

1 голос
/ 04 февраля 2009

Если имя пользователя и пароль не совпадают, отображается предупреждение, но если я нажимаю кнопку «ОК» для предупреждения, форма регистрируется. Может кто-нибудь сказать мне, как этого избежать? Спасибо. 

<html>
<f:view>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h:form id="loginForm">
<h1><center>Login page</center> </h1>
<h:panelGrid columns="2">
<h:outputLabel value="UserName"></h:outputLabel>
<h:inputText id="name" value="#{user.name}"> </h:inputText>
<h:outputLabel value="Password"></h:outputLabel>
<h:inputSecret id="password" value="#{user.password}"></h:inputSecret>
</h:panelGrid>
<h:commandButton type="button" value="Login" action="logged" onclick="checkPassword(this.form)"></h:commandButton>
</h:form>
</body>
<script type="text/javascript">
<!--
function checkPassword(form) {
var passsword = form["loginForm:password"].value;
var username=form["loginForm:name"].value;
var confirmpassword ="welcome";
var confirmusername="admin";
if((passsword == confirmpassword)&&(username==confirmusername))
form.submit();
else
alert("Username and Password does not match");
}
-->
</script>
</f:view>
</html>

Ответы [ 3 ]

3 голосов
/ 04 февраля 2009 
... onclick="checkPassword(this.form); return false;" ...
1 голос
/ 04 февраля 2009

Измените конец вашей функции на 

else {
    alert("Username and Password does not match");
    return false;
}
0 голосов
/ 04 февраля 2009 
if((passsword == confirmpassword)&&(username==confirmusername))
form.submit();

Лучше не делай так. Если форма отправляется без нажатия кнопки (например, при различных обстоятельствах при нажатии клавиши Enter), проверка не будет выполнена.

Лучшее место для проверки - это обработчик событий form.onsubmit. напр .: потерять клик в источнике и программно поставить тест на форму: 

var form= document.getElementById('loginForm');
form.onsubmit= function() {
    var isok= this.elements['loginForm:username'].value=='admin' && this.elements['loginForm:password'].value=='welcome';
    if (!isok)
        alert('Wrong, fool!');
    return isok;
}

Вы, конечно, знаете, что проверка пароля на стороне клиента бесплодна.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...