Скрыть функцию скрытой формы контакта

0

Отправка контактной формы без кода проблемы. Javascript; sucess function в hide() не работает. Я хочу скрыть html div id = "contactform"

В чем проблема? Контактная форма html в div скрывает, почему не работает?

HTML-код

 <!--sending after div hide not working?-->  
 <div id="contactform"> 
                          <form id="contact" action="">
                            <fieldset>
                                <label for="name" id="name_label">NAME</label>
                                <input type="text" name="name" id="name" size="50" value="" class="text-input" >
                                <span class="error" id="name_error">PLEASE NAME</span>
                                <label for="email" id="email_label">EMAIL</label>
                                <input type="text" name="email" id="email" size="50" value="" class="text-input" >
                                <span class="error" id="email_error">PLEASE EMAIL</span>
                                <span class="error" id="email_error2">EMAIL ERROR</span>
                                <label for="phone" id="phone_label">TELEPHONE</label>
                                <input type="text" name="phone" id="phone"  value="" class="text-input" >
                                <label for="msg" id="msg_label">MESSAGE TEXT</label>
                                <textarea cols="60" rows="5" name="msg" id="msg" class="text-input"></textarea>
                                <span class="error" id="msg_error">PLEASE MESSAGE</span><br >
                                <input type="submit" name="submit" class="button" id="submit_btn" value="Gonder" >
                            </fieldset>
                          </form>
                          <div id="message"></div>
                        </div>                      

КОД JavaScript

          jQuery.ajax({
          type: "POST",
          url: "aspmail.asp",
          data: dataString,
          success: function() {
          jQuery('#contactform').html("<div id='message'></div>");
            jQuery('#message').html("<strong>Message send</strong>")
      .append("<p>thank you</p>")
      .hide() // not working hide?
               .fadeIn(1500, function() {
              jQuery('');
            });
          }
         });
        return false;
        });
    });
  • 0
    Что на самом деле происходит? Я ожидаю, что с этим JS-кодом все ваши метки и поля ввода исчезнут, а затем исчезнет текст «Сообщение отправлено спасибо». (На самом деле именно это и происходит, когда я вставляю тело вашего Обработчик успеха в тесте, подобном следующему: jsfiddle.net/64Bj8 ) Обратите внимание, что причина исчезновения меток и входных данных не в .hide() , а в том, что вы перезаписываете содержимое элемента #contactform с помощью jQuery('#contactform').html("<div id='message'></div>"); ,
  • 0
    Отправить форму после, div id = "contactform" скрыть не работает?
Показать ещё 10 комментариев
Теги:
contact-form

1 ответ

0

Попробуйте.css("display", "none") вместо hide()

  • 0
    Я не понимаю, как?
  • 0
    Почему это работает, если .hide() нет?
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню