要实现一个功能就是在客户端验证当用户选择了第一个复选框的时候,如果没有选择第二个相关的复选框则阻止提交动作的简单功能。可是就这样一个功能显示出了知识掌握的不扎实。
验证代码:
代码
function check()
{
if($("#ASPxRoundPanel1_cboxOrganizationID")[0].checked )
{
if($("#ASPxRoundPanel1_cboxDepartmentID")[0].checked)
{
return true;
}
else
{
alert("如果修改组织则必须修改部门。");
return false;
}
}
}
{
if($("#ASPxRoundPanel1_cboxOrganizationID")[0].checked )
{
if($("#ASPxRoundPanel1_cboxDepartmentID")[0].checked)
{
return true;
}
else
{
alert("如果修改组织则必须修改部门。");
return false;
}
}
}
然后在需要触发验证的按钮上加了
<asp:Button ID="btnOK" runat="server" Text="提交申请" OnClick="btnOK_Click" OnClientClick="check()"/>
调试上面的页面,当单击btnOK的时候,可以弹出提示但是却不能阻止后台代码的运行,于是觉得很奇怪,带着问题请教了张波老师,于是得到如下代码:
<asp:Button ID="btnOK" runat="server" Text="提交申请" OnClick="btnOK_Click" OnClientClick="return check()"/>
前后只差一个return ,结果却是不同。这真是“纸上得来终觉浅,绝知此事要躬行”啊,看了那么多书,还是需要多实践。牢记牢记。