VPF::Аквтивность неактивность кнопки по тексту формы

rusianvodka

Дата 20.6.2013, 03:48 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 20.6.2013

Репутация: нет
Всего: нет

Здравствуйте, суть вопроса: имеется 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>

Это сообщение отредактировал(а) rusianvodka - 20.6.2013, 03:50

rusianvodka

Дата 20.6.2013, 13:52 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 20.6.2013

Репутация: нет
Всего: нет

Буду рад любым подсказкам и ответам!)

Arantir

Дата 20.6.2013, 14:07 (ссылка)

(нет голосов)

Загрузка ...

Рыбак без удочки

Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 14
Всего: 55

Конечно не работает. Как может возникнуть onSubmit, если кнопка сабмита отключена?

Попробуйте использовать ивент onchange на полях.

Добавлено через 4 минуты и 25 секунд

Код


    //Код, выполняемый всегда
    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;

Что это должно означать? Этот код выполняется один раз - при загрузке страницы. Тут поля всегда буду пусты.

--------------------

interface Жопа {
// ATTENTION: has to be implemented by every class of the project for proper project work
}

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »