Форум

Lestat621 · #1 (**permalink**) 14.12.2012, 00:51

Есть форма.
Правее от формы сообщение о том что бы пользователь ввел имя.
Делаю проверку, если пользователь ввел 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 = "";
}

ОлегА · #2 (**permalink**) 14.12.2012, 09:02

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>

Lestat621 · #3 (**permalink**) 14.12.2012, 12:14

Спс, как раз сделал через onkeyup, только все в js файле)

А как можно добавить к полю элемент? Не заменить,а именно добавить.
Например я набираю 3 символа, а у меня автоматом добавляется 4ый установленный в функции.

ОлегА · #4 (**permalink**) 17.12.2012, 09:28

if(val.length == 3){
val = val+'4';
}

frant32 · #5 (**permalink**) 18.12.2012, 00:05

я вот учусь только, но ради урока сделал)

<!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>

Форум

Справочник

Discord чат

Курсы javascript