У меня есть кнопка, которая изменяется на форму при нажатии. Как изменить его обратно через 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>');
}
}
});
});
Используйте это
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);
}
}
});
});
});
<script>
setTimeout(function(){
if($('#txt').val() == ""){
$('.div').fadeIn();
}
},10000);
</script>
<input type="text" id="txt" />
<div class="div" style="display:none;">Testing div</div>
Вы можете попробовать использовать setTimeout
и clearTimeout