頁面重新加載按鈕點擊

我有一個網頁有很多組件。有很多按鈕，當我點擊他們，他們不`噸的裝載頁面，但是當我點擊是此代碼頁面重新加載按鈕點擊

<div style="width:300px; height:250px; float:left; position:absolute; z-index:4"> 
    <form style="width:100%;"> 
     <fieldset style="width:250px; height:210px;"> 
     <legend><b>Authors</b></legend> 
     <div id="authors" style="width:250px; height:150px; position:absolute; overflow:scroll"> 
      <div style="white-space: nowrap;"> 
       <button class="button removeclick" style="display:block; float:left;"><img src="img/list-remove.png" alt="remove" /></button> 
       <button class="button upclick" style="display:block; float:left;"><img src="img/arrow-up.png" alt="arrow-up" /></button> 
       <button class="button downclick" style="display:block; float:left;"><img src="img/arrow-down.png" alt="arrow-down" /></button> 
       <input class="resizable" type="text" style="height:29px"/> 
      </div> 
      <div style="white-space: nowrap;"> 
       <button class="button removeclick" style="display:block; float:left;"><img src="img/list-remove.png" alt="remove" /></button> 
       <button class="button upclick" style="display:block; float:left;"><img src="img/arrow-up.png" alt="arrow-up" /></button> 
       <button class="button downclick" style="display:block; float:left;"><img src="img/arrow-down.png" alt="arrow-down" /></button> 
       <input class="resizable" type="text" style="height:29px"/> 
      </div> 
     </div> 
     <div style="position:absolute; top:180px;"><button id="add" class="button" style="display:block; float:right;"><img src="img/add_new.png" alt="add new" /> Add New</button></div> 
     </fieldset> 
    </form> 
    </div>

頁面刷新按鈕內，我不知道爲什麼。我不需要這種行爲。

來源

2012-01-21 Iurii Dziuban

您是否檢查了javascript？可能是處理程序附帶這些按鈕。 – Jashwant

我可以看到其他組件嗎？這和你的造型太混亂了，也許有些按鈕只是與另一個重疊。或者嘗試''而不是'' –

變化

開口form標籤爲：

<form style="width:100%;" onsubmit="return false;">

來源

2012-01-21 18:43:20

謝謝。它的效果很好。當我點擊表格中的按鈕時，他們正確地做了他們的事情。我還需要驗證此表單中的字段。我會嘗試表單驗證插件。如果它有效，它將是完美的。 –

所有按鈕必須位於表格標籤內。

單擊位於表單表單中的按鈕將提交併將表單發佈到服務器端。

來源

2012-01-21 18:41:36 Anwar

你是對的。這全是因爲

嘗試preventDefault();在JavaScript中，如果你不想重新加載頁面：

jQuery中是這樣的：

$("#buttonID").click(function(e){ 

    e.preventDefault(); 

});

來源

2012-01-21 18:42:50 Fabian

其中是javascript – Rafay

他沒有發佈javascript，但用jQuery和javascript標記了問題。所以我假設他使用JavaScript併發布了一個示例來說明如何防止表單提交。 – Fabian

那是因爲他們是form裏面，如果你不需要提交沒有具有形式的點，除去

<form style="width:100%;">

和

</form>

來源

2012-01-21 18:42:56 Rafay

取下代碼的形式屬性，該屬性表格內的輸入領域的提交上輸入按形式..

來源

2012-01-21 18:46:08

刪除標籤form它應該工作。

來源

2012-01-21 18:48:27

頁面重新加載按鈕點擊

回答

相關問題