Почему input type=button не возвращается в исходное состояние?

Question

[dk-web]

Из разряда quick?

Я предпочитаю использовать кнопки оформленные в виде ссылок (a) - легко оформляются и не надо заморачиваться..
а тут решил опробовать input type=button внутри формы , но чтобы без перезагрузки страницы - ajaxom..

Так она почему-то не "отстреливает"...
Жму на нее - фон меняется на белый и все.. пока не кликнешь мимо нее в исходное состояние не возвращается...
Полагаю, что это из-за ее изначального предназначения? а-ля submit - страница перезагружается и она возвращается в исходное состояние?

<form id="links" name="links" method="post" class="form forma_short">
				<input type="button"   class="btn"  id="add-btn" value="Кнопа">     
            </form>

form input[type="button"] {
	text-align:center;
}
.btn {
	display: block;
	height:auto;
	width:150px;
	background-color:#2C3E50;
	color:#D3D3D3;
	font-size:1em;
	text-transform:uppercase;
    padding: 10px;
    margin-bottom: 10px;
}

$('#add-btn').on('click', function(e) {
           	data=$('#links').serialize();
		            $.ajax({
                            type: "POST",
                            url: "../handler_temp.php",
                            data: {
                                data: data,
                                operation: 'add'
                            },
                            success: function(data, textStatus){
                        	  $('#debug').html(data);
                            }
            });
      }); // конец #add click

фокусы?

Comments

[Сергей Сергей]

.btn:focus{ background: #a00; } попробовать стоит, дабы исключить влияние приведенного эффекта.

[Дмитрий Ковальский]

Ну по такому описанию проблема может быть как в божественном вмешательстве, так и в кривых скриптах. Предоставьте код

[dk-web]

Дмитрий Ковальский добавил...

[dk-web]

получается, отменяя им поведение submit - я тем самым и отменяю им валидацию формы.
required срабатывает только по клику на button внутри формы...

выбор телевизора какой-то - один тонкий и большой, но не функциональный, другой менее красивый, но мощный..

Answer 1

[Сергей Сергей]

:focus переопределите.