.innerHTML в Javascript - PullRequest
Новая
       1

.innerHTML в Javascript

4 голосов
/ 29 октября 2011

Я пытаюсь проверить страницу входа с помощью div, чтобы отобразить ошибки, я использую innerHTML для изменения пустого текста в div при возникновении ошибки, проблема в том, что ошибка msg записывается и исчезаетчерез секунду

вот код 

<html>
<head>
<title>
    Sign up for a membership @ Ay 7aga.com
</title>
<script type="text/javascript">
function check(){
var x = "";
if(document.getElementById('user').value =="")
    x+="Enter user name -";
if(document.getElementById('password').value =="")
    x+="Enter password";
document.getElementById('error1').innerHTML = x;

}
</script>
</head>
<body>
<div name="error" id="error" style="width:1200px;background-color:red"> 
<p name="error1" id="error1"> 
</div>
<center>
<br/>
<form name="register" id="register" >
    <table>
        <tr>
        <td> UserName </td>
            <td> <input type="text" id="user" /> </td>
        </tr>
        <tr>
            <td> Password </td>
            <td> <input type="password" name="password" id="password"/></td>
        </tr>

    </table>
    <button onclick="check()"> Submit </button>
</form>
<a href="Home page.html"> Go to Home page </a>
</center>
</body>
</html>

Ответы [ 2 ]

2 голосов
/ 05 сентября 2012

При использовании тега <button> важен атрибут «тип»: большинство браузеров (правильно) по умолчанию используют тип «отправить», что позволяет ему работать как элемент отправки формы.Вместо этого вы можете установить тип «button», что делает кнопку не имеющей собственного поведения, кроме как запускать обработчики событий.Таким образом:

Таким образом: 

<button onclick="check()" type=button>Submit</button>

предотвратит неявную отправку формы кнопкой.

2 голосов
/ 29 октября 2011

Вы подходите к этому неправильно. Вероятно, происходит то, что ваш запрос отправляется после нажатия кнопки входа, поэтому текст «исчезает» через пару секунд.

Поставьте свои проверки входа в систему на стороне сервера и генерируйте HTML-контент для этого конкретного сценария вместо использования JavaScript.

Кстати: что это за тег <button>, который вы используете?

...