Показать сообщение отдельно
  #1 (permalink)  
Старый 20.06.2013, 04:56
Новичок на форуме
Отправить личное сообщение для rusianvodka Посмотреть профиль Найти все сообщения от rusianvodka
 
Регистрация: 20.06.2013
Сообщений: 6

Аквтивность неактивность кнопки по тексту формы
Здравствуйте, суть вопроса: имеется 2-а поля.
Логин и Пароль.
Плюс кнопка входа.
Хотелось бы чтобы пока поля пустые, кнопка неактивна, как только введён текст в эти поля больше чем 3-и символа в каждое поле, кнопка становится активной.
Вот что я нагуглил набросал, но к сожалению не работает....(
Буду благодарен вашим наставлениям и исправлениям.
<script type="text/javascript">
	//Код, выполняемый всегда
	var usr=document.getElementById('user').value;
	var pas=document.getElementById('password').value;
	if((usr.length < 3) && (pas.length < 3)) 
	{
		document.getElementById('button').disabled=true;
	} else 
		document.getElementById('button').disabled=false;
	
	//Проверка полей
	function checkFields(form){
		if(form.name!="login") return false;
		var usr=form.elements['usr'].value;
		if(usr==''){
			alert('Имя не может быть пустым');
			form.elements['usr'].focus();
			return false;
		}
		return true;
	}
</script>


<form class="forma" action="" method="POST" name="login" onSubmit="return checkFields(this)">
	<table border=0>
	<tr>
		<td>
			<b>Имя:</b>
		</td>
		<td>
			<input type="text" name="usr" id="user">
		</td>
		<tr>
		<td>
			<b>Пароль:</b>
		</td>
		<td>
			<input type="password" name="passwd" id="password">
		</td>
		<tr>
		<td colspan="2">
			<input type="submit" value="Войти" name="but" id="button">
		</td>
	</table>
</form>
Ответить с цитированием