我的Google地圖應用程序中的按鈕意外觸發了我的保存表單

Question

感謝您提供任何幫助！我有一個Ruby on Rails和Google Maps API V3地圖應用程序，用戶可以使用表單輸入起始地址，航點和結束地址。他們點擊提交，表單被jQuery隱藏。在它的地方出現一個谷歌地圖與行車路線和方向。在同一個視圖中，用戶可以輸入地圖的名稱。

我的下一個目標是將地圖信息保存到數據庫。我已經完成了大部分工作，但我遇到了一個問題。我想保存地圖的名稱以及表格中的開始，結束和航點條目。但是，當我在整個頁面上封裝表單時，單擊「提交」查看其地圖的用戶會自動將其表單保存到數據庫中。這是一個問題，因爲他們沒有機會在保存前命名或查看他們的地圖。

我該如何構建表單，以便Google地圖提交按鈕不會保存表單，但我仍然可以從開始，航點和結束捕獲信息？

代碼爲我的網頁：

<!-- This is the map route page --> 
    <div id="map-route-page"> 
    <div id="map_canvas"></div> 
    <form id="createaMap" action="/newsavedmaps" method="post"> 
    <input id="savemap_name" name="newsavedmapname" size="30" type="text" value="New Map"></p> 
    <input type="submit" id="savethismap" value="Save Map"> 
    </div> 
    </div> 

    <!-- End of map route page --> 

    <!-- This is the form page --> 
    <div id="map-form-page"> 
     <div id="startingpoint"> 
      <b>Start</b> 
      <input id="startinput" type="text" name="starthere" size="56" value="500 Main Street, CITY, STATE, ZIP"></p> 
     </div> 
     <div id="stops"> 
      <div id="multiselect"> 
       <select multiple id="select1"> 
        <option value="500 Main Street, CITY, STATE, ZIP">Address1</option> 
        <option value="500 Main Street, CITY, STATE, ZIP">Address2</option> 
        <option value="500 Main Street, CITY, STATE, ZIP">Address3</option> 
       </select> 
      </div> 
     </div> 
     <div id="endingpoint"> 
      <b>End</b> 
      <input id="endinput" type="text" name="endhere" size="56" value="500 Main Street, CITY, STATE, ZIP"></p> 
     </div> 
     <input type="submit" onclick="calcRoute();" id="showmapview" value="Show Map"> 
    </div> 
    </form> 
    <!-- End of form page --> 

    </body> 

Answer 1

你不應該使用submit按鈕，您的谷歌地圖功能。由於該按鈕位於<form>之內，因此觸發了對服務器的呼叫。脫掉type="submit"。

它也看起來像你試圖做兩種形式，第一個提交到服務器，第二個谷歌地圖功能。如果是這樣，我會將</form>標籤移動到<!-- End of map route page -->評論的上方。