Как остановить this.form.reset() от активации действия моей формы?

Question

Хорошо, это моя проблема. Я использую пользовательскую графику для кнопок отправки/сброса формы, но как только вы нажимаете кнопку сброса, действие формы совершено, и я не хочу, чтобы это произошло, и я искал в Интернете ответ без везения. Я включаю код формы, а также в надежды, поскольку я мог просто что-то пропустить.

<form class="contact" name="con_form" action="../includes/mailer.php"> 
      First Name*: <input type="text" name="first_name" value="" /><br /> 
      Last Name*: <input type="text name="last_name" value="" /><br /> 
      Contact Number*: (<input type="text" name="area_code" value="" size="3" />) <input type="text" name="first_three" value="" size="3" /> <input type="text" name="last_four" value="" size="4" /><br /> 
      Email Address*: <input type="text" name="email" value="" /><br /> 
      I would like to*: 
      <select> 
       <option>--- Select One ---</option> 
       <option>Comment</option> 
       <option>Suggestion</option> 
       <option>Inquiry for employment</option> 
      </select><br /> 
      Comment or Suggestion: <textarea size="1024"></textarea><br /><br /> 
      <input type="image" src="images/sub_idle.gif" onsubmit="../index.php" alt="Submit" /> <input type="image" onclick="this.form.reset()" src="images/res_idle.gif" alt="Reset" /> 
     </form> 

Answer 1

input type="image" определяет изображение как кнопку отправки. Если вы просто хотите, чтобы это было кликабельное изображение, которое запускает некоторый javascript, нет необходимости делать его input.

Answer 2

<input type="image" вход на самом деле кнопка отправки

Я хотел бы попробовать это в качестве отправной точки: (не самый лучший способ, вероятно)

<img onclick="this.form.reset();" src="images/res_idle.gif" alt="Reset" /> 

Answer 3

Не используйте вход type=image, используйте A - тегом с фоном CSS.

<a href="#" class="buttonImage" onclick="document.con_form.reset();return false"></a> 

.buttonImage { 
    background-image:url(/images/sub_idle.gif); 
    height:20px; 
    width:60px; 
    display:block 
} 

Answer 4

Вы можете изменить тип на «кнопку» и применить к нему кнопку css для настройки кнопки.

<input type="button" onclick="this.form.reset()" class="resetbutton" />