Question

我觉得这个特殊的问题我必须解释我的网页是如何工作的，否则对任何人都没有意义。页面将加载，您将获得一些文本和选项，点击填充了选项的asp.net组合框，当您选择其中一个时，页面将重新加载并获取与该用户相关的所有信息并显示它在动态创建的HTML表中。

此后有两个div运行服务器并依赖于用户是否已上传文件将显示更改文件或添加新文件的选项。

我有一个标准的html按钮，点击它时意味着运行我的JavaScript函数，但是当你点击按钮时它会再次触发我的aspxcombobox代码。我将附上我认为可能有用的所有代码。

DIVS的HTML

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

HTML按钮导致不需要的页面加载

2 个答案: