Как сменить событие с submit на button?

Question

[Mesuti]

Привет!
Есть форма.

HTML

<form>
     <input type="text" value="" placeholder="Введите телефон">
     <button type="button">Заказать звонок</button>
</form>

JS

$(document).ready(function() {
	//E-mail Ajax Send
	$("form").submit(function() { 
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).done(function() {
			alert("Thank you!");
			setTimeout(function() {
				// Done Functions
				th.trigger("reset");
			}, 1000);
		});
		return false;
	});

});

В js коде написано, что бы скрипт работал в форме по нажатию submit.
Но там вместо submit установлен type="button"
Как переделать JS скрипт на срабатывание от button?
Может id присвоить кнопке? и на его клик повесить Ajax.

Comments

[Bhudh]

Кнопка реагирует на событие click.

[Mesuti]

Bhudh, как будет выглядеть скрипт?
Я так понимаю, здесь надо на кнопку изменить?
$("form").submit(function() {

[Bhudh]

$('form').find('button').click(function () { /* ...ваш код... */ })

Answer 1

[Константин Боровик]

если говорить вкратце, то submit - это событие не кнопки, а формы, т.е. оно срабатывает не по нажатию кнопки какой бы она не имела тип, а когда форма отправляется на сервер. Для решения конкретно вашего вопроса: прикрепите событие к кнопке примерно так:

$('form button[type=button]').on('click',function(){
//тут мы сериализуем данные формы и отправляет ajax-запросом, ну и делаем всё, что нам нужно
});

Answer 2

[Alexandr]

submit это не тип кнопки, это событие обработки формы
его может вызывать что угодно
субмит надо навешивать на форму а не на кнопку

<form id="myform">
     <input type="text" value="" placeholder="Введите телефон">
     <button>Заказать звонок</button>
</form>

//тут у нас допустим jQuery
$('#myform button').click(function() {
//тут у нас всякое
})

Answer 3

[mr jeery]

<input value="Нажми меня" onclick="alert('Клик!')" type="button">

<input type="button" id="elem" onclick="alert('До')" value="Нажми меня" />
<script>
  elem.onclick = function() { // перезапишет существующий обработчик
    alert( 'После' ); // выведется только это
  };
</script>