Asp.Net中数据录入（6）

 

1.验证控件的使用。

对于表单有效性的验证。

Asp.Net验证控件的继承关系。

   <1>RequiredFieldValidator非空验证控件

<2>CompareValidator比较验证控件

日期验证：需要修改的属性Type数据类型和Operator属性为DataTypeCheck。

<3>RangeValidator范围判断的验证控件

 <4>RegularExpressionValidator正则表达式验证控件

<5>CustomValidator用户自定义验证控件

服务器端验证代码：

//ServerValidate事件触发。验证用户输入为偶数
protected void cvNumber_ServerValidate(object source,ServerValidateEventArgs args)
{
    //args.Value客户端输入值
     int number=Convert.ToInt32(args.Value);
     if(number%2==0)
    {
         args.IsValid=true;
     }
     else  
    { 
         args.IsValid=false;    
     }
}

 服务客户器端验证代码：

//设置ClientValidationFuntion属性checkNumber
<script type="text/javascript">
   funtion checkNumber(source,args)
   {
       var number=args.Value;
       if(number%2==0)
        {
            args.IsValid=true;
        }
        else
        {
             args.IsValid=false;
         }
   }
</script>

<6>ValidationSummary是一个汇总控件，可以把页面验证控件信息显示集中在一起，方便查看。

2.第三方控件FCKeditor，js版日期的使用。

  <1>FCKeditor富文控件。

 <2>js版日历控件。

3.Asp.Net控件FieUpLoad的使用。

比如：

页面代码：

<div style="float: left; height: 120px; width: 100px" id="preview_div">
                        <asp:Image ID="imgBookCover" runat="server" Height="120px" Width="100px" /></div>
                    <asp:FileUpload ID="fuBookCover" runat="server" onchange="checkImage(this)" />
                    <asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" />

客户端脚本：

<script type="text/javascript">
        function checkImage(FileUpload) {
            var mime = FileUpload.value;
            mime = mime.toLowerCase().substr(mime.lastIndexOf("."));
            if (mime != ".jpg") {
                FileUpload.value = "";
                alert("仅支持JPG格式");
                return false;
            }
            else {
                var ua = navigator.userAgent.toLowerCase();
                var preview_div = document.getElementById("preview_div");
                var preview_img = document.getElementById("<%=imgBookCover.ClientID%>")//母板页页服务器控件的获取方式

                var ver = ua.substr(ua.indexOf("msie") + 5, 1);
                if (ver > 6) {
                    preview_div.style.display = "";
                    preview_div.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = FileUpload.value;
                    preview_img.style.display = 'none';
                }
                else {
                    preview_img.src = fup.value;
                }
            }
        }

服务器端代码：

protected void btnSubmit_Click(object sender,EventArgs e)
{
     //上传之前检查文件是否存在
    if(this.fuImage.HasFile)
     {
         string filename=this.fuImage.FileName;
         string strPath=Server.MapPath("res"+"/"+filename);
         //上传到服务器指定路径
         duImage.SaveAs(strPath);
     }
}