Пытаюсь обработать нажатие кнопки в форме.
<form id="AuthorizationForm" method="post">
<p style="margin: 10px;">
<input type="text" size="20" name="AuthorizationForm_email" class="inputLogin" placeholder="Ваш email">
<input type="password" size="20" name="AuthorizationForm_password" class="inputLogin" placeholder="Ваш пароль">
</p>
<input type="submit" value="Отправить" class="submitLogin">
</form>
Вот код js
$("#AuthorizationForm").submit(function(event) {
alert("Поймали submit");
return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="AuthorizationForm" method="post">
<p style="margin: 10px;">
<input type="text" size="20" name="AuthorizationForm_email" class="inputLogin" placeholder="Ваш email">
<input type="password" size="20" name="AuthorizationForm_password" class="inputLogin" placeholder="Ваш пароль">
</p>
<input type="submit" value="Отправить" class="submitLogin">
</form>
При нажатии на submit меня редиректит на index.php и алерт не появляется.
id формы уникальный, jquery подключен. Единственное на что я думаю, данная форма создается модально, изначально она имеет статус display:none.
p/s заметил что после добавления формы авторизации, хром пишет в инспектор: (index):1 This page includes a password or credit card input in a non-secure context. A warning has been added to the URL bar. For more information, see
Временно решил так:
html:
<input type="submit" id="AuthorizationForm_input" value="Отправить" name="pipo" class="submitLogin">
jquery:
$(document).ready(function() {
$(document).on('click', '#AuthorizationForm_input', function(e){
e.preventDefault();
alert('click')
});
});
alert
появляется?