2013-02-11 1 views
0

Я хочу, чтобы сделать кнопку отправки в плагине формы jquery отключенной, а затем, когда ответ получен, он должен стать включенным. Я пытаюсь выполнить код ниже, но как только в onlick-событии я отключил кнопку, она как-то прекратит подачу. хотя я могу изменить класс кнопки.как отключить кнопку отправки при нажатии и повторной активации в ответ в модуле jquery forms

что я делаю неправильно?

код выглядит так:

function timing(){ 
d=Math.round(new Date().getTime()/1000); 
$('input[name=timedate]').val(d); 
var btn1 = $('#post_global'); 
btn1.val('posting'); 
btn1.removeClass('t_s').addClass('t_sDisabled'); 
btn1.prop('disabled',true);  
    } 

(function() { 
$('form').ajaxForm({ 
dataType: 'json', 
beforeSubmit: validate, 
success: processResponse 

}); 
    })(); 

function processResponse(data) { 
    document.getElementById('upfile').value = ""; 
    document.getElementById('fileinfo').innerHTML = ""; 
    document.getElementById('txt1').value="post anything..."; 
    var status = $('#status'); 
if(data.errors == ""){ 
    status.hide().html(data.htmlResponse).fadeIn(1000); 
} else{ 
alert(data.errors); 
    } 
var btn2 = $('#post_global'); 
btn2.val('post'); 
btn2.removeClass('t_sDisabled').addClass('t_s');  
btn2.prop('disabled',false); 
    } 
+0

Если вы используете Google Chrome, вы можете нажать f12 и нажать на консоли. Если он прекратит подачу, вероятно, у вас есть синтаксическая ошибка. – Pachonk

ответ

0

Это ответ, который я думаю, что вы ищете. Если вы хотите больше, просто прокомментируйте, что вы хотите ниже:

$("#btn2").click(function() { 
$('#btn2').attr("disabled", true); 
//Do the request here 
$('#btn2').attr("disabled", false);} 

Возможно, это?

function timing(){ 
d=Math.round(new Date().getTime()/1000); 
$('input[name=timedate]').val(d); 
var btn1 = $('#post_global'); 
btn1.val('posting'); 
$('#btn2').attr("disabled", true); 
    } 

(function() { 
$('form').ajaxForm({ 
dataType: 'json', 
beforeSubmit: validate, 
success: processResponse 

}); 
    })(); 

function processResponse(data) { 
    document.getElementById('upfile').value = ""; 
    document.getElementById('fileinfo').innerHTML = ""; 
    document.getElementById('txt1').value="post anything..."; 
    var status = $('#status'); 
if(data.errors == ""){ 
    status.hide().html(data.htmlResponse).fadeIn(1000); 
} else{ 
alert(data.errors); 
    } 
var btn2 = $('#post_global'); 
btn2.val('post'); 
$('#btn2').attr("disabled", false); 
    } 
+0

u означает, что я должен добавить эту функцию формы ajax в событие onclick? Я не уверен, что ajaxForm будет работать таким образом – coder101

+0

может предложить что-то моему коду? и я до сих пор не знаю, почему он замораживает представление об изменении свойства disable на true? – coder101

+0

Не считайте «prop», его '$ ('# btn2'). Attr (« disabled », true);' – Pachonk

 Смежные вопросы

  • Нет связанных вопросов^_^