我有两个输入文本框是十进制的。如何在这种情况下使用验证程序是ASP.NET?
的两个输入的总和不能超过100。当输入1为40,输入2不能超过60
我需要做客户端的一切,需要让客户输入任何值。如果输入的值超过极限,我需要显示验证错误消息:
Page.isValid = false
现在我必须为每个输入框两个独立的验证,但我不知道如何改变两个验证的valueToCompare在客户端。
请指教,
感谢
我有两个输入文本框是十进制的。如何在这种情况下使用验证程序是ASP.NET?
的两个输入的总和不能超过100。当输入1为40,输入2不能超过60
我需要做客户端的一切,需要让客户输入任何值。如果输入的值超过极限,我需要显示验证错误消息:
Page.isValid = false
现在我必须为每个输入框两个独立的验证,但我不知道如何改变两个验证的valueToCompare在客户端。
请指教,
感谢
你应该看看使用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";
}
}
}
如今,以验证HTML表单IMO最好的办法就是用一个jQuery插件like this one。
在客户端,对按钮的点击,则使用ClientClick属性,并将其设置为javascript函数名验证输入
例如
<asp:Button ID="btnSubmit" OnClientClick=" return validate()" runat="server" Text="Submit" ></asp:Button>
和JavaScript编写了一个validate()函数,它检查两个输入