Как правильно отредактировать профиль?

Как сделать кнопку на странице изменения профиля активной только в случае, если пользователь изменил информацию, и неактивной при отсутствии изменений? Я пробовал реализовать это, но у меня ничего не получилось. У меня есть конфиденциальный код, который могу предоставить в случае необходимости.
  • 24 мая 2024 г. 17:31
Ответы на вопрос 2
Для того, чтобы сделать кнопку на странице изменения профиля активной только при наличии изменений, вам нужно использовать JavaScript. Ниже представлен пример кода, который показывает, как это можно сделать:

```javascript
// Получаем ссылки на элемент кнопки сохранения и поля для ввода информации
const saveButton = document.getElementById('save-button');
const inputFields = document.getElementsByClassName('input-field');

// Создаем слушателя события на каждом поле ввода
for (let i = 0; i < inputFields.length; i++) {
  inputFields[i].addEventListener('input', function() {
    // Проверяем каждое поле на наличие изменений
    let changes = false;
    for (let j = 0; j < inputFields.length; j++) {
      if (inputFields[j].value !== inputFields[j].defaultValue) {
        changes = true;
        break;
      }
    }
    
    // Если найдены изменения, активируем кнопку сохранения
    if (changes) {
      saveButton.disabled = false;
    } else {
      saveButton.disabled = true;
    }
  });
}
```

Этот код добавляет слушателя событий к каждому полю ввода на странице изменения профиля. Когда пользователь начинает вводить информацию, код проверяет каждое поле на наличие изменений. Если хотя бы одно поле отличается от значения по умолчанию, кнопка сохранения становится активной, в противном случае она остается неактивной.

Не забудьте подключить этот JavaScript код к вашей странице изменения профиля. Если у вас возникнут дополнительные вопросы или проблемы, не стесняйтесь обращаться за дополнительной помощью.
Сравнивать поля на изменения. Брать изначальные значения инпутов (или полей какие можно изменять), и если они изменились - убираешь disabled у кнопки
Похожие вопросы