Если форма отправлена, покажите div

Question

Если форма отправлена, покажите div

0

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

<script type="text/javascript">
    $(document).ready(function(){
        if($("#login").submit()) { function(e) {
             $(".loginfields").show();
        }}

        $(".loginfields").hide();
        $(".loginenable").show();

        $('.loginenable').click(function(){
           $(".loginfields").slideToggle();
        });
    });
</script>

<div class ="loginfields">
<form id="login" action="index.php" method="post">

Заранее спасибо.

Nijn 19 янв. 2014, в 12:29

Источник

0

Возможно, вы захотите установить соответствующее состояние с помощью PHP при визуализации разметки страницы, однако, поскольку вы не показали ни один из ваших PHP-кодов, которые будут сложны, чтобы помочь с
geedubb 19 янв. 2014, в 10:43
0

Установить отображение: CSS в коде PHP? Или скопировать все .loginfields в php? Это приводит к дублированию правильного кода ..
Nijn 19 янв. 2014, в 10:48
0

Отправка формы перезагружает вашу страницу по умолчанию, поэтому все, что вы делаете в javascript на этой странице, не имеет значения. Вам нужно предотвратить действие отправки по умолчанию с помощью preventDefault() , который останавливает preventDefault() формы, или переключиться на решение на основе php.
SoonDead 19 янв. 2014, в 10:52
0

Исправлено с помощью решения PHP, хотя это не самое красивое решение. Спасибо за помощь
Nijn 19 янв. 2014, в 11:01

Показать ещё 2 комментария

Теги:

jquery

html

2 ответа

2

Вам нужно показать div на форме submit.

$("#login").on("submit", function(e) {
    e.preventDefault(); // Stop submitting form
    $(".loginfields").show();
});

Saravana 19 янв. 2014, в 09:23

Ещё вопросы

Возможно, вы захотите установить соответствующее состояние с помощью PHP при визуализации разметки страницы, однако, поскольку вы не показали ни один из ваших PHP-кодов, которые будут сложны, чтобы помочь с
Установить отображение: CSS в коде PHP? Или скопировать все .loginfields в php? Это приводит к дублированию правильного кода ..
Отправка формы перезагружает вашу страницу по умолчанию, поэтому все, что вы делаете в javascript на этой странице, не имеет значения. Вам нужно предотвратить действие отправки по умолчанию с помощью preventDefault() , который останавливает preventDefault() формы, или переключиться на решение на основе php.
Исправлено с помощью решения PHP, хотя это не самое красивое решение. Спасибо за помощь

James Donnelly · Accepted Answer · 2014-01-19T09-33-00.000Z

Вам нужно создать обработчик событий:

$('#login').on('submit', function() {
    $(".loginfields").show();
});

Если вы хотите, чтобы ваше представление формы было динамическим, вам нужно изучить метод jQuery ajax() чтобы вы могли отправить свой форум без перезагрузки страницы (и с этим вам нужно будет пройти в (в (e) вас есть), затем вызовите e.preventDefault() чтобы предотвратить попытку браузера для вас).

Это не показывает поля входа в систему, когда это отправлено. Разве это не должно быть в операторе if / else? Он не должен быть динамическим, просто когда форма отправлена и страница перезагружена (форма обрабатывается на той же странице), она должна отображаться мгновенно.
Это обработчик событий. Когда ваша форма #login получит событие submit , она вызовет show() для вашего элемента .loginfields . Вызов $('#login').submit() пытается тут же отправить форму с JavaScript.