ASP.NET利用CustomValidator的ClientValidationFunction與OnServerValidate來double check資料輸入的正確性

2008-09-28

25049
0
ASP.NET

最近網友問題一個CustomValidator驗證控制項的問題
後來發現這個CustomValidator有一個ClientValidationFunction
去找了msdn,才知道可以利用client端來驗證輸入的資料
一般資料的驗證有分兩種,一是Client端驗證,二是Server端驗證
但是如果只做Client端驗證,會有危險,使用者可以用一些工具跳過Client驗證
但是如果只做Server端驗證,每次都要把資料送回Server,如果一直驗證不過,Server要處理很多次
所以最好的方法就是Client與Server都做檢查,此CustomValidator就可以達到此需求了..

最近網友問題一個CustomValidator驗證控制項的問題

後來發現這個CustomValidator有一個ClientValidationFunction

去找了msdn,才知道可以利用client端來驗證輸入的資料

一般資料的驗證有分兩種,一是Client端驗證,二是Server端驗證

但是如果只做Client端驗證,會有危險,使用者可以用一些工具跳過Client驗證

但是如果只做Server端驗證,每次都要把資料送回Server,如果一直驗證不過,Server要處理很多次

所以最好的方法就是Client與Server都做檢查,此CustomValidator就可以達到此需求了..

asp.net(c#)

CustomValidatorDoubleCheck.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CustomValidatorDoubleCheck.aspx.cs" Inherits="CustomValidatorDoubleCheck" %> <!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>CustomValidatorDoubleCheck</title> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="lblName" runat="server" Text="名稱："></asp:Label> <asp:TextBox ID="txbName" runat="server"></asp:TextBox> <asp:Button ID="btnAdd" runat="server" Text="新增" OnClick="btnAdd_Click" /> <asp:CustomValidator ID="CustomValidator1" runat="server" ClientValidationFunction="check" ControlToValidate="txbName" Display="Dynamic" OnServerValidate="CustomValidator1_ServerValidate" ValidateEmptyText="True"></asp:CustomValidator></div> </form> </body> </html> <script type="text/javascript"> function check(source, arguments) { if(arguments.Value.length<5) { alert("長度要大於4"); arguments.IsValid = false; } else { arguments.IsValid = true; } } </script>

CustomValidatorDoubleCheck.aspx.cs

using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; public partial class CustomValidatorDoubleCheck : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args) { if (args.Value.Length < 5) { this.ClientScript.RegisterClientScriptBlock(this.GetType(), "msg", "<script>alert('長度要大於4');</script>"); args.IsValid = false; } else { args.IsValid = true; } } protected void btnAdd_Click(object sender, EventArgs e) { if (this.Page.IsValid) { Response.Write("新增成功"); } else { Response.Write("新增失敗"); } } }

執行結果:

參考網址:

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.customvalidator.clientvalidationfunction.aspx

回首頁