onclick событие не работает на google chrome

Question

У меня есть кнопка отправки в моей форме, я не использую событие onsubmit, потому что я собираюсь добавить еще кнопку отправки в эту же форму. Так что я делаю так:

<script type="text/javascript" src="../script/script.js"></script> 

<form id="form_cad" action="my_php.php" method="post" enctype="multipart/form-data"> 
    <input type="submit" id="submit1" value="Add" onclick="return confirmMessage();"/> 
</form> 

function confirmMessage() 
{ 
    var x = confirm("..."); 
    if(x) 
    { 
     document.getElementById("my_post_value").value = "val1"; 
     return true; 
    } 
    return false; 
} 

Я использую последнюю версию Firefox, IE и Google Chrome, но в Chrome событие OnClick не работает.

Answer 1

Вместо того, чтобы использовать onclick атрибут для вашей кнопки submit, onsubmit для <form>

Попробуйте заменить свой код следующим образом

<form id="form_cad" action="my_php.php" method="post" enctype="multipart/form-data" onsubmit="return confirmMessage();"> 
    <input type="text" name="email" id="email"> 
    <input type="submit" id="submit1" value="Add"/> 
</form> 

Answer 2

Это работает хорошо в моем Chrome, и я никогда не имел проблем с использованием события на кнопках отправки, но поскольку вы используете внешний файл js, вы можете попробовать его с помощью чистого js-решения, а не inline:

См. пример ле ниже:

function confirmMessage() { 
 
    var x = confirm("Click OK to submit form"); 
 
    if (x) { 
 
    return true; 
 
    } 
 
    return false; 
 
} 
 

 
document.getElementById('submit1').onclick = function() { 
 
    return confirmMessage(); 
 
};

<form id="form_cad" action="my_php.php" method="post" enctype="multipart/form-data" onsubmit="alert('submitting')"> 
 
    <input type="submit" id="submit1" value="Add" /> 
 
</form>

Предупреждение в виде onsubmit-х только для иллюстрации того, что событие на самом деле вызывается только когда confirm() возвращается true.

Answer 3

Поскольку вы находитесь в форме, событие onsubmit запускается автоматически, один из способов остановить его после подтверждения вызоваMessage(), вернуть false. Это прекратит распространение событий:

<form id="form_cad" action="my_php.php" method="post" 
    enctype="multipart/form-data" onclick="confirmMessage(); return 
    false;"> 
    <input type="text" name="email" id="email"> 
    <input type="submit" id="submit1" value="Add"/> 
</form>