asp.net夜话之九：验证控件（一）

作者佚名技术来源 NET编程浏览发布时间 2012-07-03

控件名要验证的属性

个客户端验证方法，只有当这个客户端方法返回true的时候表单才会向服务器提交，如果用户填写的数据不符合要求就返回false值。

下面是前台代码（后台没有编写任何代码）：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ClientValidate.aspx.cs" Inherits="ClientValidate" %>
<!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 runat="server">
    <title>纯客户端脚本验证的例子</title>
    <script language="javascript" type="text/javascript">
        //当这个方法返回false的情况下就不会向服务器提交数据
        function checkForm()
        {
            //如果没有填写任何数据
            if(document.form1.txtUserName.value=="")
            {
                alert("用户名不能为空！");
                return false;
            }
            var length=document.form1.txtUserName.value.length;
            //如果填写内容长度不在6到10字符之间
            if(length<6||length>10)
            {
                alert("用户名必须是6到10个字符！");
                return false;
            }
            else
            {
                return true;
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table border="0">
        <tr><td>用户名</td><td><asp:TextBox ID="txtUserName" runat="server"></asp:TextBox></td></tr>
        <tr><td><asp:Button ID="btnOK" runat="server" Text="提交" OnClientClick="javascript:return checkForm();" OnClick="btnOK_Click" /></td><td><input type="reset" value="清空" /></td></tr>
        </table>

        </div>
    </form>
</body>
</html>

运行效果如下：

如果用户没有填写任何数据就提交表单会得到如下提示：

如果我们填写的字符个数不是6到10个之间提交表单会看到如下效果：

通过上面的例子展示了如何在asp.net中如何利用客户端脚本对表单进行验证，经过上面的大家也能感觉得到用客户端脚本对表单进行验证的编码特点：可以灵活控制验证方法，但是编写客户端脚本比较麻烦，调试起来也不太容易，在目前还没有一款比较好的javascript脚本编写和调试的软件。为了提高开发asp.net网站的速度，微软提供了一套asp.net的验证控件。

asp.net验证控件概述

所有的asp.net验证控件都直接或者间接派生自BaseValidator这个抽象类，BaseValidator类定义了验证控件的一些共有属性和方法。验证控件用于验证与其关联的输入控件的值，当用户的输入不能通过验证时，将会显示预定义的错误提示信息。验证控件的位置并没有规定，可以在页面的任意位置放置验证控件，但是一般为了直观起见，尽量将验证控件靠近要验证的控件的位置。asp.net验证控件可以对以下类型的asp.net控件的值进行验证：

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

上一页 1 2 3 4 5 6 7 8 9 10 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: ASP.NET MVC入门 11、使用AJAX下一篇: ASP.NETè?o?êμ????μ?μ?RSSê?3?

关于asp.net夜话之九：验证控件（一）的所有评论

随机推荐