Загрузка...

Кто поможет по теме "отправкам форм на верстке" ?

Тема в разделе Frontend создана пользователем WALGED 16 дек 2023. 113 просмотров

Сортировать
  1. WALGED
    Скопировать BBCode
    WALGED Автор темы 16 дек 2023 Чтение это фундамент всех ваших мыслей и идей 2320 2 мар 2018
    Учусь верстать, есть движок, для него пилю шаблоны и вот застрял на настройках профиля, моя верстка не отправляет форму, по какой причине хуй знает, склепал быстренько другую верстку очень простую и все формы отправляются, но в чем может быть проблема? Из-за того, что очень много вложений? Кто поможет бучу очень благодарен, да так что буду готов закинуть соточку рублев:happy_man:

    HTML
    <div class="uk-container uk-container-large">
    
    <div class="uk-card uk-card-default uk-child-width-expand@s">
    
        <div class="uk-card-header">
    
            <div class="uk-grid-small uk-flex-middle" uk-grid>
    
                <div class="uk-width-auto">
    
                    <img class="uk-border-circle" width="80" height="80" src="{foto}" alt="Avatar">
    
                </div>
    
                <div class="uk-width-expand">
    
                    <h3 class="uk-card-title uk-margin-remove-bottom uk-text-left">{usertitle}
    
                        <div class="uk-transition-toggle" tabindex="0">
    
                            <span class="uk-label uk-text-small uk-text-light uk-text-lowercase">Статус: {status}</span>
    
                            <span class="uk-label uk-label-success uk-text-small uk-text-light uk-text-lowercase">Verify</span>
    
                            <span class="uk-transition-fade uk-text-small uk-text-light uk-text-lowercase">Пользователь был проверен</span>
    
                            <p class="uk-text-meta uk-margin-remove-top"><time datetime="2016-04-01T19:00">Последний раз в сети: {lastdate}</time></p>
    
                        </div>
    
                    </h3>
    
                </div>
    
            </div>
    
        </div>
    
        <div class="uk-grid-collapse uk-child-width-expand@s uk-text-center" uk-grid>
    
            <div>
    
                <div class="uk-card uk-card-default uk-card-body">
    
                    <li class="uk-text-bold"> ИНФОРМАЦИЯ</li>
    
                    <li><span uk-icon="location"></span> Город: {land}</li>
    
                    <li><span uk-icon="mail"></span> Настоящее имя: {fullname}</li>
    
                    <li><span uk-icon="mail"></span> Почта: {editmail}</li>
    
                    <li><span uk-icon="calendar"></span> Дата регистрации: {registration}</li>
    
                </div>
    
            </div>
    
            <div>
    
                <div class="uk-card uk-card-default uk-card-body">
    
                    <li class="uk-text-bold"> Статистика</li>
    
                    <li><span uk-icon="comment"></span> Комментариев: {comm-num}</li>
    
                    <li><span uk-icon="hashtag"></span> Новостей: {news-num}</li>
    
                    <li><span uk-icon="star"></span> Рейтинг: {commentsrate}</li>
    
                </div>
    
            </div>
    
            <div>
    
                <div class="uk-card uk-card-default uk-card-body">
    
                    <li class="uk-text-bold"> ПРОВЕРКИ</li>
    
                    <li class="uk-text-danger"><span uk-icon="ban"></span> Телефон</li>
    
                    <li class="uk-text-danger"><span uk-icon="ban"></span> *********</li>
    
                    <li class="uk-text-danger"><span uk-icon="ban"></span> Фотоконтроль</li>
    
                </div>
    
            </div>
    
        </div>
    
    </div>
    
</div>
    
<div class="uk-container uk-container-large">
    
    <ul class="uk-subnav uk-subnav-pill" uk-switcher>
    
        <li class="uk-active" ><a href="#">Профиль</a></li>
    
        <li>{edituser}</li>
    
        <li><a href="#">Сообщения</a></li>
    
    </ul>
    
    <ul class="uk-switcher uk-margin">
    
        <li>
    
            <div uk-filter="target: .js-filter">
    
                <ul class="uk-subnav uk-subnav-pill">
    
                    <li class="uk-active" uk-filter-control="[data-color='favorites']"><a href="#">Закладки</a></li>
    
                    <li uk-filter-control="[data-color='blue']"><a href="#">Посты</a></li>
    
                    <li uk-filter-control="[data-color='black']"><a href="#">Еще</a></li>
    
                    <li>{comments}</li>
    
                </ul>
    
                <ul class="js-filter uk-child-width-expand uk-text-center" uk-grid>
    
                    <li data-color="favorites">
    
                        <div class="uk-card uk-card-default uk-card-body">
    
                            ({favorite-count} проверка)
    
                            [favorite-count]
    
                            <h5>{usertitle} рекомендует</h5>
    
                            {custom id="favorite-id" template="favorites-profile" available="userinfo" order="rating" sort="desc" limit="5" cache="no"}
    
                            [/favorite-count]
    
                        </div>
    
                    </li>
    
                    <li data-color="blue">
    
                        <div class="uk-card uk-card-primary uk-card-body">Item</div>
    
                    </li>
    
                    <li data-color="black">
    
                        <div class="uk-card uk-card-secondary uk-card-body">Item</div>
    
                    </li>
    
                    <li data-color="black">
    
                        <div class="uk-card uk-card-secondary uk-card-body">Item</div>
    
                    </li>
    
                </ul>
    
            </div>
    
        </li>
    
        <li>
    
            <div class="uk-container uk-container-large">
    
                <ul class="uk-subnav uk-subnav-pill" uk-switcher>
    
                    <li><a href="#">Управление аккаунтом</a></li>
    
                    <li><a href="#">Пароль и безопасность</a></li>
    
                    <li><a href="#">Email и соц. сети</a></li>
    
                    <li><a href="#">Аватар</a></li>
    
                    <li><a href="#">Списки и избранное</a></li>
    
                    <li><a href="#">Конфиденциальность</a></li>
    
                    <li><a href="#">Удалить аккаунт</a></li>
    
                </ul>
    

    
                <ul class="uk-switcher uk-margin">
    
                    <li>
    
                        <form class="uk-form-stacked" id="options" method="post">
    
                            <p>Редактирование профиля:</p>
    
                            <div class="form-item clearfix">
    
                                <label>Ваше Имя:</label>
    
                                <input type="text" name="fullname" value="{fullname}" placeholder="Ваше Имя" />
    
                            </div>
    

    
                            <div class="uk-margin">
    
                                <label class="uk-form-label" for="email">Эл. почта</label>
    
                                <div class="uk-form-controls">
    
                                    <input class="uk-input" placeholder="Email" type="email" name="email" id="email" value="{editmail}" required>
    
                                </div>
    
                            </div>
    

    
                            <div class="uk-margin">
    
                                <label class="uk-form-label" for="land">Место проживания</label>
    
                                <div class="uk-form-controls">
    
                                        <input type="text" class="uk-input" name="land" id="land" placeholder="Город" value="{land}">
    
                                </div>
    
                            </div>
    

    
                            <p>Дополнительные данные</p>
    
                            <div class="uk-margin">
    
                                <label class="uk-form-label" for="info">О себе</label>
    
                                <div class="uk-form-controls">
    
                                    <textarea type="text" class="uk-input" name="info" id="info" rows="1" placeholder="Статус страницы">{editinfo}</textarea>
    
                                </div>
    
                            </div>
    
                            <div class="uk-margin">
    
                                <div class="uk-form-label">Номер телефона</div>
    
                                <div class="uk-form-controls uk-form-controls-text">
    
                                    <input placeholder="Ваш номер телефона" type="text" name="xfield[numbers]">
    
                                </div>
    
                            </div>
    
                            <div class="uk-margin">
    
                                <div class="uk-form-label">Тип пользователя</div>
    
                                <div class="uk-form-controls uk-form-controls-text">
    
                                    <label>Являюсь гостем и пользователем сайтам </label><br>
    
                                    <label>Являюсь представителем компании (ИП, ООО) </label><br>
    
                                </div>
    
                            </div>
    
                        </form>
    
                    </li>
    
                    <li>
    
                        <form class="uk-form-stacked">
    
                            <p>Пароль и безопасность</p>
    
                            <div class="uk-margin">
    
                                <label class="uk-form-label" for="altpass">Смена пароля</label>
    
                                <div class="uk-form-controls">
    
                                    <input class="uk-input" type="password" placeholder="Старый пароль" name="altpass" id="altpass" aria-label="Старый пароль" aria-describedby="basic-addon1">
    
                                    <input class="uk-input" type="password" placeholder="Новый пароль" name="password1" id="password1" aria-label="Новый пароль" aria-describedby="basic-addon1">
    
                                </div>
    
                            </div>
    
                            <div class="uk-margin">
    
                                <div class="uk-form-label">Дополнительный уровень безопасности вашей учетной записи</div>
    
                                <div class="uk-form-controls uk-form-controls-text">
    
                                    <label>Использовать двухфакторную авторизацию на сайте (отправляется одноразовый пин-код на e-mail)</label><br>
    
                                    {twofactor-auth}
    
                                </div>
    
                            </div>
    
                        </form>
    
                    </li>
    
                    <li>
    
                        <form class="uk-form-stacked">
    
                            <p>Соцсети</p>
    
                            <div class="uk-margin">
    
                                <label class="uk-form-label" for="vk">Вконтакте</label>
    
                                <div class="uk-form-controls">
    
                                    <input class="uk-input" id="vk" type="text" placeholder="">
    
                                </div>
    
                            </div>
    
                            <div class="uk-margin">
    
                                <label class="uk-form-label" for="tg">Telegram</label>
    
                                <div class="uk-form-controls">
    
                                    <input class="uk-input" id="tg" type="text" placeholder="">
    
                                </div>
    
                            </div>
    
                            <p>Уведомления</p>
    
                            <div class="uk-margin">
    
                                <div class="uk-form-label">Вы можете контролировать какие уведомления будете получать</div>
    
                                <div class="uk-form-controls uk-form-controls-text">
    
                                    <label>{news-subscribe}</label><br>
    
                                    <label>{comments-reply-subscribe}</label><br>
    
                                    <label>{unsubscribe}</label><br>
    
                                </div>
    
                            </div>
    
                        </form>
    
                    </li>
    
                    <li>
    
                        <form class="uk-form-stacked">
    
                            <span>Загрузка аватара</span>
    
                            <div class="uk-child-width-1-3@m uk-child-width-1-2@s" uk-grid>
    
                                <div>
    
                                    <img src="{foto}" width="50" height="50" data-foto="img">
    
                                    <span class="uk-text-middle">{usertitle}</span>
    
                                </div>
    
                            </div>
    
                            <div class="uk-margin" uk-margin>
    
                                <div uk-form-custom="target: true">
    
                                    <button type="button" class="uk-button uk-button-default" onclick="document.getElementById('image').click();">Выбрать аватар</button>
    
                                    <input type="file" class="wide" name="image" id="image" hidden>
    
                                </div>
    
                                <div>
    
                                    <label>Удалить аватар</label>
    
                                    <input class="checkbox" type="checkbox" name="del_foto" value="yes">
    
                                </div>
    
                            </div>
    
                        </form>
    
                    </li>
    
                    <li>
    
                        <span>В разработке: Списки и избранное</span>
    
                    </li>
    
                    <li>
    
                        <span>В разработке: Конфиденциальность</span>
    
                    </li>
    
                    <li>
    
                        <span>В разработке: Удалить аккаунт</span>
    
                    </li>
    
                </ul>
    
                <div class="form_submit">
    
                    <input type="submit" class="uk-button uk-button-default" value="Сохранить"> 
    
                </div>
    
            </div>
    
        </li>
    
        <li>
    
            <p>В разработке</p>
    
        </li>
    
    </ul>
    
</div>
    HTML
    <div class="user-prof">
    
    <div class="up-first">
    
        <h1 class="nowrap">Юзер: {usertitle}</h1>
    
        <div class="up-group">Группа: {status} [time_limit]&nbsp;В группе до: {time_limit}[/time_limit]</div>
    
        <div class="up-img img-box"><img src="{foto}" alt=""/></div>
    
    </div>
    
    <ul class="up-second fx-row">
    
        <li>{commentsrate} <p>Рейтинг комментариев</p></li>
    
        <li>{comm-num} <p>Комментариев</p></li>
    
        <li>{email}</li>
    
        [not-group=5]<li>{pm}</li>[/not-group]
    
    </ul>
    
    <ul class="up-third">
    
        <li>Регистрация: {registration}</li>
    
        <li>Заходил(а): {lastdate}</li>
    
        [not-logged]<li><a href="/mylists/">Мои списки</a></li>[/not-logged]
    
        [comm-num]<li>{comments}</li>[/comm-num]
    
        [not-group=5]
    
        [fullname]<li>Полное имя: {fullname}</li>[/fullname]
    
        [land]<li>Место жительства: {land}</li>[/land]
    
        <li>О себе: {info}</li>
    
        [signature]<li>Подпись: {signature}</li>[/signature]
    
        [/not-group]
    
    </ul>
    
    [not-logged]<div class="up-edit"> {edituser} </div>[/not-logged]
    
</div>
    
<div id="options" style="display:none; margin-bottom: 30px" class="form-wrap">
    
    <h1>Редактирование профиля:</h1>
    
    <div class="form-item clearfix">
    
        <label>Ваше Имя:</label>
    
        <input type="text" name="fullname" value="{fullname}" placeholder="Ваше Имя" />
    
    </div>
    
    <div class="form-item clearfix">
    
        <label>Ваш E-Mail:</label>
    
        <input type="text" name="email" value="{editmail}" placeholder="Ваш E-Mail: {editmail}" />
    
    </div>
    
    <div class="form-checks">
    
        {hidemail}
    
        <input style="margin-left: 50px" type="checkbox" id="subscribe" name="subscribe" value="1" />
    
        <label for="subscribe">Отписаться от подписанных новостей</label>
    
    </div>
    
    <div class="form-item clearfix">
    
        <label>Место жительства:</label>
    
        <input type="text" name="land" value="{land}" placeholder="Место жительства" />
    
    </div>
    
    <div class="form-textarea">
    
        <label>Список игнорируемых пользователей:</label>
    
        {ignore-list}
    
    </div>
    
    <div class="form-item clearfix">
    
        <label>Старый пароль:</label>
    
        <input type="password" name="altpass" placeholder="Старый пароль" />
    
    </div>
    
    <div class="form-item clearfix">
    
        <label>Новый пароль:</label>
    
        <input type="password" name="password1" placeholder="Новый пароль" />
    
    </div>
    
    <div class="form-item clearfix">
    
        <label>Повторите пароль:</label>
    
        <input type="password" name="password2" placeholder="Повторите Новый пароль" />
    
    </div>
    
    <div class="form-item clearfix">
    
        <label>Аватар:</label>
    
        <input type="file" name="image" size="28" />
    
    </div>
    
    <div class="form-checks">
    
        <input type="checkbox" name="del_foto" id="del_foto" value="yes" />
    
        <label for="del_foto">Удалить аватар</label>
    
    </div>
    
    <div class="form-item clearfix">
    
        <label>Часовой пояс:</label>
    
        {timezones}
    
    </div>
    
    <div class="form-textarea">
    
        <label>О себе:</label>
    
        <textarea name="info" rows="5">{editinfo}</textarea>
    
    </div>
    
    <div class="form-textarea">
    
        <label>Подпись:</label>
    
        <textarea name="signature" rows="5">{editsignature}</textarea>
    
    </div>
    
    <div class="form-xfield">
    
        <table class="tableform">{xfields}</table>
    
    </div>
    
    
    
    <div class="form-checks">{news-subscribe}</div>
    
    <div class="form-checks">{comments-reply-subscribe}</div>
    
    <div class="form-checks">{unsubscribe}</div>
    

    
    <div class="form-submit">
    
        <button name="submit" type="submit">Отправить</button>
    
        <input name="submit" type="hidden" id="submit" value="submit" />
    
    </div>
    
</div>
     
    16 дек 2023
  2. ChatGPT
    Скопировать BBCode
    ChatGPT 16 дек 2023 2253 14 мар 2023
    WALGED Проблема с отправкой формы может быть вызвана различными факторами. Возможно, есть ошибка в коде, которая мешает отправке данных. Я могу предложить несколько вариантов, которые могут помочь решить проблему:

    1. Проверьте, что у вас правильно указан атрибут `action` в теге `<form>`. Этот атрибут должен указывать на URL, на который должна быть отправлена форма.

    2. Убедитесь, что все поля формы имеют атрибут `name`. Это позволяет идентифицировать каждое поле при отправке данных.

    3. Проверьте, что у вас правильно указаны метод и тип данных формы. Обычно используется метод `POST` и тип данных `multipart/form-data` или `application/x-www-form-urlencoded`.

    4. Проверьте, что у вас есть кнопка или элемент `<input>` с атрибутом `type="submit"`. Это позволяет пользователю отправить форму.

    5. Проверьте, что у вас нет JavaScript-кода или других скриптов, которые могут блокировать отправку формы.

    6. Проверьте, что у вас нет CSS-стилей, которые могут скрывать или изменять видимость элементов формы.

    7. Если вы используете серверную обработку формы, убедитесь, что код на сервере правильно обрабатывает отправленные данные.

    Попробуйте проверить эти моменты и сообщите, если у вас появятся какие-либо дополнительные вопросы или проблемы.
     
    16 дек 2023
  3. Wirel61
    Скопировать BBCode
    Wirel61 16 дек 2023 3697 30 янв 2019
    всё просто, структура говно, что в , что во 2, форм один должен быть и в него должно быть всё обернуто, ну мб и один, я увы не верстальщик, но факт, есть факт, ты должен в одну большую форму всё обернуть https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form у тя сабмит куда-то вынесен, всё по разным формам, вообще нихуя непонятн, хотя с движками никаким не работал и могу ошибаться -_-
    --- Сообщение объединено с предыдущим 16 дек 2023
    и вообще тему перенеси, а то тему снесут -_- https://zelenka.guru/forums/820/
     
    16 дек 2023 Изменено
Загрузка...
Top