验证出错时,对应验证的文本框里面的背景变色!

zhanglong_longlong 2011-01-27 09:29:55
验证出错时,对应验证的文本框里面的背景变色!在线等
...全文
189 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhanglong_longlong 2011-01-27
  • 打赏
  • 举报
回复
[Quote=引用 11 楼 herolg 的回复:]
HTML code
全部代码如下(这里是cs代码和html代码混合的模式):


<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="gb2312" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.……
[/Quote]我知道了,谢谢你
zhanglong_longlong 2011-01-27
  • 打赏
  • 举报
回复
[Quote=引用 11 楼 herolg 的回复:]
HTML code
全部代码如下(这里是cs代码和html代码混合的模式):


<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="gb2312" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.……
[/Quote]文本框背景并没有变色啊
herolg 2011-01-27
  • 打赏
  • 举报
回复
全部代码如下(这里是cs代码和html代码混合的模式):


<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="gb2312" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="CustomValidator控件用法" />
<meta name="description" content="周公讲述CustomValidator控件用法" />
<title>CustomValidator控件用法</title>
</head>
<script language="javascript" type="text/javascript">
function ClientValidateUserName(source,args)
{
//alert(source);source=CustomValidator1,为验证控件
//alert(args);
var obj=document.getElementById("txtUserName");
if((obj.value=="")||(obj.value.length>10))
{
args.IsValid=false;
}
else
{
args.IsValid=true;
}
}

function CheckCheckBoxList(source,args)
{
var obj=document.getElementById('<%=this.cbAgeRangeList.ID%>');//返回具有和属性id的值相同或相似的对象集合
var k,right=false;
var length=(obj.all.tags('input').length);//返回obj对象里具有“input”标签对象的集合
for(k=0;k<length;k++)
{
//alert(" name:"+obj.all.tags('input')[k].name+"是否:"+obj.all.tags('input')[k].checked);
if(obj.all.tags('input')[k].checked) // obj对象里具有input标签对象键值为k的属性为checked的值
{
right=!right;
}

}
if(right)
{
args.IsValid=true;
}
else
{
args.IsValid=false;
}
}
</script>
<script runat="server">
protected void Page_Load(Object Src, EventArgs E)
{
if (!IsPostBack) DataBind();
}

public void ServerValidateUserName(object source, ServerValidateEventArgs args)
{
if((string.IsNullOrEmpty(txtUserName.Text))||(txtUserName.Text.Length>10))
{
args.IsValid=false;
}
else
{
args.IsValid=true;
}
}
</script>
<body>
<form runat="server">
UserName:<asp:TextBox ID="txtUserName" runat="server" />
<asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="错误信息" ControlToValidate="txtUserName" ClientValidationFunction="ClientValidateUserName" ValidateEmptyText="True"></asp:CustomValidator>
<asp:Button ID="btnValid1" runat="server" Text="验证用户名" />
<asp:CheckBoxList ID="cbAgeRangeList" runat="server" Height="36px" Width="400px" RepeatDirection="Vertical">
<asp:ListItem Value="1"><16</asp:ListItem>
<asp:ListItem Value="2">16-22</asp:ListItem>
<asp:ListItem Value="3">22-30</asp:ListItem>
<asp:ListItem Value="4">30-40</asp:ListItem>
<asp:ListItem Value="5">40-50</asp:ListItem>
<asp:ListItem Value="6">50-60</asp:ListItem>
<asp:ListItem Value="6">60-80</asp:ListItem>
<asp:ListItem Value="6">>80</asp:ListItem>
</asp:CheckBoxList>
<asp:customvalidator id="CustomValidator2" runat="server"
ErrorMessage="请正确选择年龄段" ClientValidationFunction="CheckCheckBoxList"></asp:customvalidator>
</form>
</body>
</html>
zhanglong_longlong 2011-01-27
  • 打赏
  • 举报
回复
[Quote=引用 9 楼 herolg 的回复:]
CustomValidator验证控件可以执行客户端的js验证
[/Quote]能举个列子吗
herolg 2011-01-27
  • 打赏
  • 举报
回复
CustomValidator验证控件可以执行客户端的js验证
cszyf 2011-01-27
  • 打赏
  • 举报
回复
自己写JS灵活。。
wwfgu00ing 2011-01-27
  • 打赏
  • 举报
回复
用ajaxpro调用后台验证,然后返回个值,根据这个值,判断,设置对应文本框的背景色
zhanglong_longlong 2011-01-27
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 herolg 的回复:]
自带控件不太灵活,它没有那种在触发错误时执行某任务的事件,建议换成js的验证,如果是牵扯到数据库的话,可以用ajax。
[/Quote]我记得好像验证控件执行时会执行一个js的,可是我不太会,有没有人用过
herolg 2011-01-27
  • 打赏
  • 举报
回复
自带控件不太灵活,它没有那种在触发错误时执行某任务的事件,建议换成js的验证,如果是牵扯到数据库的话,可以用ajax。
zhanglong_longlong 2011-01-27
  • 打赏
  • 举报
回复
vs自带的验证控件
zhanglong_longlong 2011-01-27
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 new_fengzi 的回复:]
你在什么地方验证的 js ,后台,还是vs自带的验证控件
[/Quote]还是vs自带的验证控件
h305743261 2011-01-27
  • 打赏
  • 举报
回复
document.getElementById('文本框ID').style.backgroundColor='#000';
new_fengzi 2011-01-27
  • 打赏
  • 举报
回复
你在什么地方验证的 js ,后台,还是vs自带的验证控件

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧