jquery, если через 10 секунд в поле ввода не было внесено никаких изменений, покажите этот Div

0

У меня есть кнопка, которая изменяется на форму при нажатии. Как изменить его обратно через 10 секунд, если ничего не введено (если форма еще пуста)?

Обновить:

$(document).ready(function(){
    $("#btn").click(function (){
            $.ajax({
                    success: function(html){
                    if(html){
                    $('#btn').replaceWith('<input class="offer_pay_form" type="text"><input type="submit" value="Submit"></span>');
                }
            }
        });
    });
  • 4
    Пожалуйста, добавьте некоторый пример кода (предпочтительно запускаемый на jsbin.com или jsfiddle.com ) и расскажите, что вы исследовали / попробовали, прежде чем задавать вопрос. stackoverflow.com/help/how-to-ask
  • 0
    обновлено. Я искал вокруг, но не знал, как сказать "если без изменений"
Показать ещё 1 комментарий
Теги:

3 ответа

1
Лучший ответ

Используйте это

setTimeout(function(){
if($("input").val()=="")
{
    alert("you havent input anything yet");
}},10000);

демонстрация

Вместо замены. попробуй таким образом

<input type="button" id="btn" />
 <div id="container"></div>

скрипт

$(document).ready(function () {
        $("#btn").click(function () {

            $.ajax({
                success: function (html) {
                    if (html) {
                       $(this).hide();
                        $('body').append('<div id="newData"><input class="offer_pay_form" type="text"><input type="submit" value="Submit"></span></div>');
                        setTimeout(function () {
                            if ($(".offer_pay_form").val() == "") {
                                $("#newData").hide();
                                $("#btn").show();

                            } 
                        }, 10000);

                    }
                }
            });
        });
    });
  • 0
    это сработало! Единственное, что если у меня есть кнопка, которая заменяется текстовым полем, а в текстовое поле ничего не вставлено, то после того, как кнопка заменит текстовое поле, она больше не работает. как я могу заставить его работать каждый раз, когда кнопка находится на странице?
  • 0
    @Gadgetster см. Редактирование
Показать ещё 9 комментариев
0
<script>
setTimeout(function(){
  if($('#txt').val() == ""){
      $('.div').fadeIn();
  }    
},10000);
</script>

<input type="text" id="txt" />
<div class="div" style="display:none;">Testing div</div>
0

Вы можете попробовать использовать setTimeout и clearTimeout

пример

Ещё вопросы

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