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

Question

У меня есть 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.

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

Answer 1

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

<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>