HTML типа входного представить странное поведение после добавления пользовательского класса

Question

я получил форму на моей странице с кнопкой отправки:

<form id="searchForm"> 
    <input id="searchTerm" type="text" name="searchterm" class="search-field"/> 
    <input type="submit" value="Submit"/> 
</form> 

Когда я нажимаю на кнопке Я sucessfuly отправить форму и вызвать функцию JQuery:

$('#searchForm').submit(function() { 
    some code... 
}); 

без причины, когда я добавить пользовательский класс, чтобы изменить внешний вид кнопки она перестает trigering функцию представить, как это было раньше:

<input type="submit" value="Submit" class="submit-search"/> 

Класс добавляет на следующие свойства:

#search .main .search-bar .submit-search { 
    margin-top: 2.3rem; 
} 

#search .main .search-bar .submit-search { 
    background-color: transparent; 
    background-image: url("../../css/sprites/search-submit-icon.png"); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: contain; 
    border: medium none; 
    display: inline-block; 
    font-size: 0; 
    height: 20px; 
    margin: 10px; 
    outline: medium none; 
    padding: 0; 
    width: 20px; 
} 

Я признателен за любые идеи, чтобы сделать эту работу.

Answer 1

У вас есть две функции, выполняемые при нажатии кнопки. Сначала он выполняет функцию checkTextField(), которая находится на событии клика, а затем, когда она заканчивается, выполняет другую функцию, которая находится на событии отправки формы. Я думаю, что это не очень хорошая идея. Вы должны удалить функцию onclick и добавить ее в форму отправки.