Мобильная версияЯ создал хрустящую форму Джанго. Я хочу скрыть кнопку отправки до тех пор, пока не будут введены все поля. Я нашел какое-то решение с помощью jQuery, но кнопка отправки не отображается после ввода каждого поля. Мне нужна ваша помощь, чтобы продолжить.
Я добавил два изображения, прежде чем скрыть кнопку отправки и попробовать jquery,
после попытки jquery кнопка отправки не видна даже после ввода каждого поля.
ниже приведены мои коды для соответствующих файлов
forms.py
класс AppForm(forms.ModelForm): класс Мета: модель = Приложение поля = ('__all__') def __init__(self, *args, **kwargs): super(AppForm, self).__init__(*args, **kwargs) self.helper = FormHelper() self.helper.form_show_labels = Ложь defualt_image_path = '/media/photo.png' self.fields['appicon'].widget.attrs['placeholder'] = defualt_image_path self.fields['appicon'].widget.attrs['classs']= 'appicon-field' self.fields['appname'].widget.attrs.update({'placeholder': 'Apps Name', 'class':'appname-field'}) self.fields['link'].widget.attrs.update({'placeholder':'App Link','class':'link-field'}) self.fields['category'].widget.attrs.update({'placeholder':'Категория приложения', 'класс': 'catg-field'}) self.fields['subcategory'].widget.attrs.update({'placeholder':'Sub Category', 'class': 'subcatg-field'}) self.fields['points'].widget.attrs.update({'placeholder':'ADD POINTS', 'class': 'points-field'}) $(document).ready(function() { // Функция проверки заполнения всех полей функция checkFields() { var imageInput = $('.appicon-field')[0].files.length > 0; var charInput1 = $('.appname-field').val().trim() !== ''; var charInput2 = $('.link-field').val().trim() !== ''; var charInput3 = $('.catg-field').val().trim() !== ''; var charInput4 = $('.subcatg-field').val().trim() !== ''; var charInput5 = $('.points-field').val().trim() !== ''; // Показать/скрыть кнопку отправки в зависимости от статуса ввода document.querySelector('.submitform-button').style.display = imageInput && charInput1 && charInput2 && charInput3 && charInput4 && charInput5 ? 'inline-block': 'нет'; } // Запускаем checkFields при изменении ввода $('.appicon-field, .appname-field, .link field, .catg-field, .subcatg-field, .points-field').on('change', function() { проверитьПоля(); }); // Первичная проверка при загрузке страницы проверитьПоля(); }); .submitform-button { дисплей: нет; отступы: 10 пикселей 75 пикселей; курсор: указатель; начертание шрифта: жирный; выравнивание текста: по центру; текстовое оформление: нет; цвет фона: #f3c19d; цвет: #293845; граница: сплошная 2 пикселя #ec975b; Отправить
