如何在ASP按钮的OnClientClick中同时调用表单验证与防双击函数

没问题，咱们可以通过逻辑串联的方式在单个OnClientClick事件里完成两个需求，核心思路是：先执行表单验证，只有验证通过后才调用防双击禁用按钮的函数，同时保证服务器端事件能正常触发。

修改后的完整按钮代码 #

<asp:Button ID="Button1" runat="server" Text="Submit" onclick="btn_click" 
    OnClientClick="javascript: if (isValid(document.getElementById('somevalue'))) { disablesave(this); return true; } else { return false; }" />

逻辑拆解说明 #

• 首先调用你的表单验证函数isValid(document.getElementById('somevalue'))（这里修正了原代码里的大小写问题：getElementById是标准驼峰写法，统一函数名格式更规范）
• 如果验证返回true（表单合法）：
  1. 调用disablesave(this)，这里的this指代当前按钮对象，刚好匹配你的函数参数要求
  2. 返回true，让服务器端的btn_click事件正常执行
• 如果验证返回false（表单不合法）：直接返回false，既不执行防双击函数，也不会触发服务器端提交

额外优化建议 #

你的disablesave函数里有个小细节可以优化，Savebutton.value=true;改成提示文本会更友好：

function disablesave(savebutton) {
    savebutton.disabled = true;
    savebutton.value = "Submitting..."; // 替换成提示文本，提升用户体验
}

这样既保证了表单验证的严谨性，又能有效防止用户重复点击提交按钮~

内容的提问来源于stack exchange，提问作者vicky Mohan