如何阻止this.form.reset（）發起我的表單操作？

好的，這是我的問題。我爲自己的提交/重置表單按鈕使用了自定義圖形，但只要按下重置表單操作即已提交，我不希望發生這種情況，我一直在搜索互聯網尋找答案，沒有任何運氣。我還包括表單代碼，希望我可能錯過了一些東西。如何阻止this.form.reset（）發起我的表單操作？

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

來源

2012-05-07 NathanJ2012

這應有助於：http://stackoverflow.com/questions/1994509/using-image-as-reset-button –

input type="image"將圖像定義爲提交按鈕。如果你只是想讓它成爲一個觸發javascript的可點擊圖片，那麼根本就不需要使它成爲input。

來源

2012-05-07 21:06:23

我現在看到的，謝謝你這麼多 – NathanJ2012

的<input type="image"輸入實際上是一個提交按鈕

我會嘗試以此爲出發點：（也許不是最好的方式）

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

來源

2012-05-07 21:07:52

不要使用輸入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 
}

來源

2012-05-07 21:11:22

您可以將類型更改爲「按鈕」並將css類應用於按鈕以自定義按鈕。

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

來源

2012-05-07 21:22:27

如何阻止this.form.reset（）發起我的表單操作？

回答

相關問題