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