HTML-кнопка, вызывающая нежелательную загрузку страницы

Question

Я чувствую, что с этой конкретной проблемой я должен объяснить, как работает моя веб-страница, иначе это может не иметь смысла для кого-либо. Страница загрузится, вам будет предоставлен какой-то текст и возможность щелкнуть на комбобокс asp.net, заполненный параметрами, когда вы выберете один из них, страница перезагрузится и получит всю информацию по отношению к этому пользователю и отобразит ее в динамически созданной таблице HTML.

После этого есть два divs, которые сервер runat и зависит от того, загрузил ли пользователь файл, будет отображать возможность изменения файла или добавления нового.

У меня есть стандартная кнопка html, которая при щелчке предназначена для запуска моей функции JavaScript, но когда вы нажимаете на кнопку, она снова запускает мой код aspxcombobox. Я приложу весь свой код, который, по моему мнению, может оказаться полезным.

HTML для DIVS

 <div id ="upload" runat = "server" visible = "false" class="default"> 
     <asp:Label ID="uploadlbl" runat="server" Text="Upload driving licence" style="color:Red"></asp:Label> 
     <dx:ASPxUploadControl ID="LicenceUpload" runat="server"> 
     </dx:ASPxUploadControl> 

     <dx:ASPxButton ID="UploadButton" runat="server" Text="Upload" style="margin-left: 2px"> 
     </dx:ASPxButton> 
    </div> 

    <div id="ChangeUpload" runat="server" visible="false" class="default"> 
     <span>Licence already uploaded</span> 
     <br /> 
     <button id="changeLicence" onclick="changeLicence()">Change Licence?</button> 
    </div> 

JAVASCRIPT

function changeLicence() { 
    alert('test'); 
} 

Answer 1

Это кнопка отправить. Он представляет форму, в которой он находится. Поскольку вы используете ASP.NET, вся страница, вероятно, находится в форме.

Добавить type="button", чтобы сделать его незарегистрированной.

Answer 2

По умолчанию button отправляет, добавляет type="button" атрибут, чтобы он не отправил форму.

<button 
    type="button" 
    id="changeLicence" 
    onclick="changeLicence()">Change Licence?</button>