OnClientClick無法正常工作

Question

我在使用OnClientClick時遇到問題。

我像這樣在我的網絡表單中添加了一個按鈕。

<asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
        style="top: 307px; left: 187px; position: absolute; height: 26px; width: 90px" 
        Text="Submit" OnClientClick="return validate()" />

我在<title>之后立即在<head>編寫了一個javascript。

<script language="javascript" type="text/javascript">
    function validate() {
        if (document.getElementById("<%=TextBox1%>").value == "") {
        alert("textbox1 should not be empty");
        }
        else if(document.getElementById("<%=TextBox2 %>").value==""){
        alert("textbox2 should not be empty");
        }
                        }
</script>

TextBox1和TextBox2是兩個文本框的ID。

但是，當我單擊“提交”按鈕時，OnClick會觸發，但OnClientClick不會觸發。

有什么問題？

請幫忙。

Answer 1

從文本框中獲取ID時，您必須在JavaScript中使用<%=TextBox1.ClientID%> 。

當發生錯誤時，您還應該從validate-function return false 。

將您的JavaScript替換為：

function validate() {
    if(document.getElementById('<%=TextBox1.ClientID%>').value == '') {
        alert('Textbox1 should not be empty');
        return false;
    }
    if(document.getElementById('<%=TextBox2.ClientID%>').value == '') {
        alert('Textbox2 should not be empty');
        return false;
    }
}

Answer 2

嘗試這種方式：-

document.getElementById("<%=TextBox1.ClientID%>").value

document.getElementById("<%=TextBox2.ClientID%>").value

Answer 3

我看到的第一件事是，您正在使用不帶.ClientID "<%=TextBox1%>" ，這是客戶端可識別texbox的內容。 自然地，沒有ID，您的javascript找不到對象（並且可能還會引發異常）

Answer 4

(document.getElementById("<%=TextBox1%>").value == "")

將呈現為

(document.getElementById("System.Web.UI.WebControls.TextBox").value == "") 。

因此請嘗試在JavaScript函數中使用document.getElementById("<%=TextBox1.ClientID%>").value 。

OnClientClick無法正常工作

問題描述

4 個解決方案

解決方案1
6 已采納 2012-05-30 04:58:49

解決方案2
1 2012-05-30 04:59:43

解決方案3
1 2012-05-30 05:00:01

解決方案4
1 2012-05-30 05:08:11

OnClientClick無法正常工作

問題描述

4 個解決方案

解決方案1 6 已采納 2012-05-30 04:58:49

解決方案2 1 2012-05-30 04:59:43

解決方案3 1 2012-05-30 05:00:01

解決方案4 1 2012-05-30 05:08:11

解決方案1
6 已采納 2012-05-30 04:58:49

解決方案2
1 2012-05-30 04:59:43

解決方案3
1 2012-05-30 05:00:01

解決方案4
1 2012-05-30 05:08:11