嵌有母板页的页面如何加客户端验证

Question

大意如题。
请问这个事件如何定义的，最好贴一下这个JS代码，谢谢！

Answer 1

一样啊
只是服务器控件的客户端id写
ClientID就可以了

Answer 2

JS:document.getElementById("<%=控件ID.ClientID%>")Jquery: $("[id$=控件ID]")

Answer 3

嗯～这样可以获取服务端控件的ID。可能我的表述让你误会了，呵呵～onblur，onfocus等事件我都可以实现，但我想如果不通过客户端验证的话，不刷新页面，不提交表单。请问这个怎么弄？这个现在有点小困惑。

Answer 4

document.getElementById("<%=控件ID.ClientID%>").value

Answer 5

还是没看太清楚你想不刷新页面，不提交表单，你可以用AJAX提交。得到AJAX返回结果。。

Answer 6

好，我再具体叙述一下。有下面一个button提交：<asp:Button CssClass="button" ID="btnSubmit" runat="server" Text="提交" OnClick="btnSubmit_Click" />btnSubmit_Click事件执行后台的数据插入。我想如果客户端的验证不通过的话，就不执行这个btnSubmit_Click，页面不重新加载，请问有没有相关的关联事件？或者我这样定义有问题，请问怎么改？谢谢！
简单地说，如果下面的TextBox为空的话，验证不通过。<div class="first">用户名：</div>
<div class="second">
     <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
</div>

Answer 7

你用JS验证不就好了？？？ 验证通过自然就执行你的点击事件了！不通过返回false不久好了？

Answer 8

window.onload = function () {
    var txtUserName= document.getElementById("<% =txtUserName.ClientID %>");
    txtUserName.onfocus = function () {
      //do something
     }
    txtLength.onblur = function () {
       //如果不填写，验证不通过
       return false;
    }
}我想这样定义。验证不通过时，不过点击事件还会执行。是不是我这个代码有问题，请指教！

Answer 9

txtLength.onblur写错了，应该是txtUserName.onblur

Answer 10

本帖最后由 net_lover 于 2012-03-29 13:23:10 编辑

  

Answer 11

还是刷新了，不知为何，困惑啊……<asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
<asp:Button ID="btnSubmit" OnClientClick="checkForm();" runat="server" Text="提交" OnClick="btnSubmit_Click" />
<script type="text/javascript">
function checkForm() {
  if (document.getElementById("<%=txtUserName.ClientID %>").value=="")
    alert("用户名为空 ");
  return false;
}
</script>
protected void btnSubmit_Click(object sender, EventArgs e)
    {
        if (!comAPI.ExistString(txtUserName))//判断非空
        {
            Common.ShowMessages(this, "输入框不允许为空！");//Common是一个封装的类
            return;
        }
     }如果txtUserName为空，点击“提交”时，依次弹出“用户名为空”、“输入框不允许为空！”
然后我再把OnClick="btnSubmit_Click" 从Button中删除，页面还是会刷新（在把“用户名为空”警告框关闭后）。

Answer 12

OnClientClick="checkForm();" 有问题，
应该
OnClientClick="return checkForm();" 这样才能return false

Answer 13

<asp:Button ID="btnSubmit" OnClientClick="return checkForm();" runat="server" Text="提交" OnClick="btnSubmit_Click" />

Answer 14

对不起大家啊，【孟子E章】给了正确的代码。我竟然看漏一个return。谢谢大家！马上结帐～