JQuery не работает на кнопку отправки

Я пытаюсь изучить JQuery. Я использую внешний js для записи моего кода. Он отлично работает, когда я вызываю функции абзаца 2, но когда я вызываю кнопку отправки, он просто загружает страницу снова. Мой код выглядит следующим образом:JQuery не работает на кнопку отправки

<html> 
<body> 

    <p id="paragraf">This is an internal paragraf</p> 


    Another Example: 
    <p id="paragraftest">This is the external js script</p> 

    <form> 
     <input type="text" name="Submit_test"> 
     <button id="buttontest">Submit</button> 
    </form> 
    <script type="text/javascript" src="jqueryScript/jquery.js"></script> 
    <script type="text/javascript" src="jqueryScript/hide.js"></script> 
</body> 
</html>

Javascript:

$('#paragraf').click(function() { 
    $('#paragraf').hide(); 
}); 

$('#paragraftest').click(function() { 
    $('#paragraftest').hide(); 
}); 

$('buttontest').submit(function() { 
    alert("test"); 
});

/* Я попытался с «» и «» в buttontest и испытания, но все тот же */ Я также пробовал с этим, но он все тот же.

<form> 
     <input type="text" name="buttontest"> 
     <input type="submit" value=""> 
    </form>

Может ли кто-нибудь понять, почему ничего не происходит? С наилучшими пожеланиями Мадсом

источник

2014-02-21 McDuck4

Правильно этот синтаксис:

$('input[name=buttontest]').submit(function() { 
    alert("test"); 
});

Используя уникальный идентификатор для кнопки:

$('input#button_id').submit(function() { 
    alert("test"); 
});

источник

2014-02-21 11:01:57 Ashis

Недостающего селектор - buttontest это идентификатор кнопки, так что вы должны использовать id-selector, чтобы выбрать его (префикс с #)

$('#buttontest').submit(function() { 
    alert("test"); 
});

источник

2014-02-21 11:00:11

Забавно, но этот ответ совершенно неправильно. '# buttontest' - это кнопка, а не форма, у нее нет события' submit' вообще. – dfsq

Отлично ... спасибо всем. Это решило ответ :-) – McDuck4

, так что некорректно давать форму id? – McDuck4

Вы должны выбрать кнопку со следующим образом :

$('#buttontest')

Вы не использовали #, который требуется, когда мы выбираем элементы из DOM, используя их идентификаторы. Наверняка это была ошибка записи, так как вы правильно ее используете в своих других вариантах.

источник

2014-02-21 11:00:55 Christos

Отправить событие является формой событие, и вы пытаетесь привязать его к кнопке.

$('form').submit(function() { 
    alert("test"); 
});

В вообще, если вы хотите, чтобы отправить форму, вы должны использовать специальный onsubmit вид события, неclick событие на любой кнопке.

источник

2014-02-21 11:02:28 dfsq

Он работает с этим кодом сейчас:

<form id="form"> 
     <input type="text" name="buttontest"> 
     <input type="submit" value="submit"> 
    </form> 
    <form id="form_1"> 
     <input type="text" name="buttontest"> 
     <input type="submit" value="submit"> 
    </form>

Javascript:

$('#form').submit(function() { 
    alert("test"); 
}); 

$('#form_1').submit(function() { 
    alert("test"); 
});

источник

2014-02-21 11:09:58 McDuck4

JQuery не работает на кнопку отправки

ответ

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