Как можно поймать нажатие кнопки button?

Question

[OKNOZA]

Кнопку я вылавливал методом пост type="", но захотел сделать красивую кнопку, а сделать её можно через button, вопрос как мне выловить и обработать нажатие ?
До этого input был.
Вылавливал нажатие вот так
if (isset($_POST['btsumbut']))
А сделал сейчас buttonom

<form  style="width: 230px;" method="POST" action="" >
  <input id="index_rcolumn" class="big_text" type="text" name="login" placeholder="Ваш логин">
  <br /><br />
  <input id="index_rcolumn" class="big_text" type="password" name="password" placeholder="введите пароль">
  <br /><br />
  <button id="index_login_button" class="index_login_button flat_button button_big_text">Войти</button> 
</form>

Comments

[Ankhena]

Может, проще CSS'ом красиво оформить? Какие такие штуки можно применить к button, которые не применить к input или a?

[OKNOZA]

Сделайте мне красивую кнопку на Input чтобы только CSS, а то еще туда JS и целый огород городить.

Answer 1

[Сергей delphinpro]

<button type="submit" name="btsumbut">Кнопка</button>

Comments

[MaximMRX]

name бесполезно задавать на кнопке. Его serialize всё равно не увидит.

[Сергей delphinpro]

Максим Студитских: А где здесь автор упомянул о сериализации?

[OKNOZA]

Сергей: Спасибо всё сделал как нужно, всё гуд.

Answer 2

[MaximMRX]

Я давно такой вариант использую.
Функция принимает 3 аргумента (Объект, Событие, Экшен)

<form onsubmit="postQuery($(this), event, 'login'); return false;" action="/auth" method="POST">
   <input type="tel" name="phone" placeholder="password" autocomplete="off" required="">
  <button class="btn-primary">Войти</button>
</form>

requestSent = false; // флаг что бы нельзя было отправить повторный запрос на сервер.

function postQuery(form, event, action){
	var 
		url = form.attr('action'),
		data = form.serialize();
	if(!requestSent) {
		requestSent = true;
		$.ajax({
			type: "POST",
			async: true,
			url: url,
			cache: false,
			data: data+'&action='+action,
			success: function(data){
				// что-то делаем	
			},
			complete: function() {
				//requestSent = false;
				// что-то делаем после завершения AJAX запроса
			}
		});
	}
}

Answer 3

[Immortal_pony]

if ($_SERVER['REQUEST_METHOD'] === "POST") { 
    // Обработать данные формы
}