Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Аквтивность неактивность кнопки по тексту формы 
:(
    Опции темы
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
PM MAIL   Вверх
rusianvodka
Дата 20.6.2013, 13:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Буду рад любым подсказкам и ответам!)
PM MAIL   Вверх
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
}
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0614 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.