2009-07-07 89 views
0

我有两个输入文本框是十进制的。如何在这种情况下使用验证程序是ASP.NET?

的两个输入的总和不能超过100。当输入1为40,输入2不能超过60

我需要做客户端的一切,需要让客户输入任何值。如果输入的值超过极限,我需要显示验证错误消息:

Page.isValid = false 

现在我必须为每个输入框两个独立的验证,但我不知道如何改变两个验证的valueToCompare在客户端。

请指教,

感谢

回答

4

你应该看看使用CustomValidator控件的总和。 Here's一篇文章,引导您使用它。

你的代码可能看起来是这样的:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" 
    Inherits="WebApplication1._Default" %> 
<!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 type="text/javascript"> 
     function validateTextBoxen(sender, args) { 
     // You'll have more thorough validation, I'm sure 
     var value1 = parseFloat(
      document.getElementById('<%=textBox1.ClientID%>').value); 
     var value2 = parseFloat(
      document.getElementById('<%=textBox2.ClientID%>').value); 
     args.IsValid = (value1 + value2) < 100; 
     } 
    </script> 
    </head> 
    <body> 
    <form id="form1" runat="server"> 
     <div> 
     <asp:TextBox ID="textBox1" runat="server" /> 
     <asp:TextBox ID="textBox2" runat="server" /> 
     <asp:CustomValidator runat="server" EnableClientScript="true" 
      OnServerValidate="onCustomValidation" ID="customValidator" 
      ErrorMessage="Invalid!" 
      SetFocusOnError="true" ClientValidationFunction="validateTextBoxen"/> 
     <asp:Button runat="server" OnClick="button_Click"/> 
     <asp:Literal runat="server" ID="placeholder" /> 
     </div> 
    </form> 
    </body> 
</html> 

代码隐藏:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 

namespace WebApplication1 
{ 
    public partial class _Default : System.Web.UI.Page 
    { 
     protected void onCustomValidation(
      object sender, ServerValidateEventArgs e) 
     { 
      float value1 = 0f; 
      float value2 = 0f; 
      if (!float.TryParse(textBox1.Text, out value1) 
       || !float.TryParse(textBox2.Text, out value2) 
       || value1 + value2 > 100f) 
      { 
       e.IsValid = false; 
      } 
     } 

     protected void button_Click(object sender, EventArgs args) 
     { 
      placeholder.Text = Page.IsValid ? "Valid" : "Invalid"; 
     } 
    } 
} 
0

如今,以验证HTML表单IMO最好的办法就是用一个jQuery插件like this one

0

在客户端,对按钮的点击,则使用ClientClick属性,并将其设置为javascript函数名验证输入

例如

<asp:Button ID="btnSubmit" OnClientClick=" return validate()" runat="server" Text="Submit" ></asp:Button> 

和JavaScript编写了一个validate()函数,它检查两个输入