Javascript для запуска оповещения в форме

У меня есть страница PHP с формой:

<form method="POST" action="multimod.php" id="multiple">
<!-- some checkboxes here -->
<input type="image" name="submit" src="img/upd.png" alt="modify" class="multi" />
</form>

Затем я хочу вызвать предупреждение при отправке. При нажатии на изображение появляется сообщение sweetAlert:

<script>
$('input.multi').click(function(e){
e.preventDefault();
swal({
title: "a title",
text: "some text",
type: "warning",
confirmButtonText: 'yes',
cancelButtonText: 'no',
showCancelButton: true,
},
function(){
document.forms["multiple"].submit();
});
});
</script>

Как вы можете видеть id формы («несколько») используется для ссылки на него в функции Javascript.

Это работает для меня, но мне интересно, если синтаксис сценария действительно правильный. Я нашел этот обходной путь в Интернете, и, возможно, есть лучшие способы сделать это.

-3

Решение

Поскольку вы хотите активировать его при отправке, нет причины добавлять слушателя на кнопку.

<script>
function onFormSubmit() {
alert("Before submitting to server!");
return true; // allow the submission!
}
</script>
<form onsubmit="return onFormSubmit();" method="POST" action="multimod.php" id="multiple">
<!-- some checkboxes here -->
<input type="image" name="submit" src="img/upd.png" alt="modify" class="multi" />
</form>
2

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]