2012-11-12 2 views
0

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

У меня было несколько неудачная кодирования это и нашел Jquery способ сделать это, но это не сработало, потому что им с помощью тега привязки вместо кнопки ввода

+2

Приведите примеры того, что вы пробовали – davids

+0

Добро пожаловать в StackOverflow! [Что вы пробовали?] (Http://whathaveyoutried.com/) – Chad

ответ

0

Вам необходимо предотвратить запуск события click.

Использование JQuery, что бы что-то вроде:

$('a.disabled').on('click', function(event){ 
    event.preventDefault(); 
}); 

Итак, когда форма готова к представить можно запустить следующее:

$('a.disabled').toggleClass('disabled enabled'); 

Это приводит к тому, кнопка должна быть включена, и теперь имеет класс .enabled

+0

Итак, как мне узнать, заполнены ли все поля и затем запустить этот код? –

+0

Взгляните на этот вопрос о проверке формы: http://stackoverflow.com/questions/5677548/form-validation –

0

Чтобы отключить любой a тег:

$('a').click(function(event) 
{ 
    event.preventDefault(); 
}); 

, если вы знаете, идентификатор или класс тега привязки затем использовать $ ('# Aid') о $ соответственно

Если вы не хотите использовать JQuery ('Aid.'):

var anchors = document.querySelectorAll('a'); 
for (var i = 0; i < anchors.length; i++) 
    anchors[i].onclick = function(event) 
    { 
    event.preventDefault(); 
    }​​​ 
0

В JQuery, вы можете просто сделать это с помощью return false

$("#disable_button").click(function(){ 
    //somethings you need 
    return false; 
}); 
Смежные вопросы