Проверка формы
Есть форма.
Правее от формы сообщение о том что бы пользователь ввел имя. Делаю проверку, если пользователь ввел 1 и более символов, то текст исчезает. Но текст не исчезает только если перегрузить страницу (F5). Подскажите как тут поступить?
<form name="forma" action="test.html1" method="POST">
<label>Ваше имя: </label><br />
<input id="name_txt" type="text" name="name" />
<span id="name">Введите Ваше имя!</span>
<br /><br />
<input type="submit" />
<br /><br />
</form>
if(name.value.length >= 1){
error_name.innerHTML = "";
}
|
function name_hide(val){
if(val.length > 1){
document.getElementById('name').style.display = 'none';
} else if(! val.length){
document.getElementById('name').style.display = 'inline';
}
}
<form name="forma" action="test.html1" method="POST"> <label>Ваше имя: </label><br /> <input id="name_txt" type="text" onkeyup="name_hide(this.value);" name="name" /> <span id="name">Введите Ваше имя!</span> <br /><br /> <input type="submit" /> <br /><br /> </form> |
Спс, как раз сделал через onkeyup, только все в js файле)
А как можно добавить к полю элемент? Не заменить,а именно добавить. Например я набираю 3 символа, а у меня автоматом добавляется 4ый установленный в функции. |
if(val.length == 3){
val = val+'4';
}
|
я вот учусь только, но ради урока сделал)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<body>
<input type="text" style="float:left" class="myform" value="vvod"/> <div class="word">fdfdf</div>
<script type="text/javascript">
$(document).ready(function(e) {
$('.myform').focusin(function(){ $(this).val(''); }).keyup(function(){
$('.word').html('');
});
});
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 10:12. |