Моя кнопка должна обновляться после поля ввода

Question

Моя кнопка должна обновляться после поля ввода

0

У меня есть следующая проблема: я создал форму с использованием HTML с некоторыми полями ввода. Я также сделал кнопку отправки отключенной, используя следующий JS-код:

  if(document.forms['form'].inputfield1.value == "")
    {
    document.forms[0].submit.disabled=true;
    }
    else {  
    document.forms[0].submit.disabled=false;
    }

Это прекрасно работает, когда я загружаю страницу, кнопка отключена, но когда я заполняю что-то, она не включается.

Но всякий раз, когда я помещаю значение в поле ввода так:

<input type="text" name="inputfield1" size="3" maxlength="3" value="12345">

И я загружаю страницу, на которой включена кнопка, доказывая, что JS-код работает просто отлично.

Я не знаю, есть ли способ обновить кнопку после того, как кто-то использовал поле ввода или что-то в этом роде.

Я совершенно новичок в JS и PHP, любая помощь очень ценится!

Déjà vu 21 янв. 2014, в 12:49

Источник

1

Эта проверка выполняется только при загрузке, и вы, похоже, хотите сделать это динамически. Это может быть достигнуто через javascript event .
Francisco Presencia 21 янв. 2014, в 10:55

Теги:

javascript

html

javascript-events

forms

2 ответа

0

Вы можете использовать функцию onkeyup, чтобы сделать это просто

<input type="text" name="inputfield1" size="3" maxlength="3" value="12345" onkeyup='check()'>

function check() {
  if(document.forms['form'].inputfield1.value == ""){
    document.forms[0].submit.disabled=true;
}
else {  
    document.forms[0].submit.disabled=false;
}
}

Ramesh 21 янв. 2014, в 08:57

0

моя кнопка включена, когда я загружаю страницу сейчас = /
Déjà vu 21 янв. 2014, в 11:05
0

Также вызовите метод check () в функции готовности документа.
Ramesh 21 янв. 2014, в 11:10

Ещё вопросы

Эта проверка выполняется только при загрузке, и вы, похоже, хотите сделать это динамически. Это может быть достигнуто через javascript event .
моя кнопка включена, когда я загружаю страницу сейчас = /
Также вызовите метод check () в функции готовности документа.

musefan · Accepted Answer · 2014-01-21T08-48-00.000Z

Вам нужно использовать событие javascript, чтобы определить, когда значение изменится и запустить проверку. Я бы предложил onkeyup для этого, поскольку вы, скорее всего, захотите, чтобы пользователь печатал.

Это можно сделать с помощью javascript следующим образом...

Создайте событие onload для запуска при загрузке страницы, это зарегистрирует обработчики событий для вашего ввода и вызовет начальную проверку, чтобы установить состояние по умолчанию:

window.onload = function(){
    document.getElementsByName("inputfield1")[0].onkeyup = validateForm;
    validateForm();
};

Затем ваша функция для проверки:

function validateForm(){
    if(document.forms['form'].inputfield1.value == "")
    {
        document.forms[0].submit.disabled=true;
    }
    else {  
        document.forms[0].submit.disabled=false;
    }
}

я сделал именно то, что вы мне сказали, но теперь моя кнопка включена по умолчанию всякий раз, когда я загружаю страницу
Просто вызовите validateForm() в вашей основной области JavaScript, где у вас был оригинальный код
Где именно я тогда это положу? Просто я мой <скрипт>, где моя функция тоже? Сри, полный новичок в JS ...
Кстати, он не работал с document.onload, но он работал, когда я просто поместил «validateForm ();» прямо над функцией validateForm ()