ASP .Net MVC3非显式自定义客户端验证
ASP .Net MVC3非显式自定义客户端验证
提问于 2011-01-29 05:36:44
我使用jquery验证插件已经有几年了，但这是我第一次尝试使用MVC3非侵入性验证。
客户端的信息散布在互联网上，很难找到任何足够深入的东西来向还没有使用过它的人解释它。我已经花了Google一个小时来学习如何创建自定义客户端验证器的示例。
@Html.TextBoxFor(model => Model.CCPayment.CardNumber, new { @class = "textInput validateCreditCard", maxLength = "20" })
$(document).ready(function () {
jQuery.validator.unobtrusive.adapters.add('validateCreditCard', {}, function (value, element) {
alert('foo');
});
});如果我在视图的底部运行上面的代码，它绝对不会做任何事情。我甚至尝试过jquery.validator.addmethod()，但仍然一无所获。从我的模型验证注释发出的所有客户端验证都工作得很好。
<div class="ctrlHolder">
<label>
<em>*</em>
Card Number:
</label>
@Html.TextBoxFor(model => Model.CCPayment.CardNumber, new { @class = "textInput validateCreditCard", maxLength = "20" })
<p class="field-validation-valid formHint" data-valmsg-for="CCPayment.CardNumber"></p>
</div>回答 2
Stack Overflow用户
回答已采纳
发布于 2011-01-29 06:25:28
以下是您可以继续进行的步骤。首先，您需要编写一个自定义验证器属性，以确保在服务器端强制执行验证。您可以使用此blog post中描述的方法
public class CreditCardAttribute : ValidationAttribute, IClientValidatable
{
private CardType _cardTypes;
public CardType AcceptedCardTypes
{
get { return _cardTypes; }
set { _cardTypes = value; }
}
public CreditCardAttribute()
{
_cardTypes = CardType.All;
}
public CreditCardAttribute(CardType AcceptedCardTypes)
{
_cardTypes = AcceptedCardTypes;
}
public override bool IsValid(object value)
{
var number = Convert.ToString(value);
if (String.IsNullOrEmpty(number))
return true;
return IsValidType(number, _cardTypes) && IsValidNumber(number);
}
public override string FormatErrorMessage(string name)
{
return "The " + name + " field contains an invalid credit card number.";
}
public enum CardType
{
Unknown = 1,
Visa = 2,
MasterCard = 4,
Amex = 8,
Diners = 16,
All = CardType.Visa | CardType.MasterCard | CardType.Amex | CardType.Diners,
AllOrUnknown = CardType.Unknown | CardType.Visa | CardType.MasterCard | CardType.Amex | CardType.Diners
}
private bool IsValidType(string cardNumber, CardType cardType)
{
// Visa
if (Regex.IsMatch(cardNumber, "^(4)")
&& ((cardType & CardType.Visa) != 0))
return cardNumber.Length == 13 || cardNumber.Length == 16;
// MasterCard
if (Regex.IsMatch(cardNumber, "^(51|52|53|54|55)")
&& ((cardType & CardType.MasterCard) != 0))
return cardNumber.Length == 16;
// Amex
if (Regex.IsMatch(cardNumber, "^(34|37)")
&& ((cardType & CardType.Amex) != 0))
return cardNumber.Length == 15;
// Diners
if (Regex.IsMatch(cardNumber, "^(300|301|302|303|304|305|36|38)")
&& ((cardType & CardType.Diners) != 0))
return cardNumber.Length == 14;
//Unknown
if ((cardType & CardType.Unknown) != 0)
return true;
return false;
}
private bool IsValidNumber(string number)
{
int[] DELTAS = new int[] { 0, 1, 2, 3, 4, -4, -3, -2, -1, 0 };
int checksum = 0;
char[] chars = number.ToCharArray();
for (int i = chars.Length - 1; i > -1; i--)
{
int j = ((int)chars[i]) - 48;
checksum += j;
if (((i - chars.Length) % 2) == 0)
checksum += DELTAS[j];
}
return ((checksum % 10) == 0);
}
public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
{
yield return new ModelClientValidationRule
{
ErrorMessage = this.ErrorMessage,
ValidationType = "creditcard"
};
}
}注意，我对它进行了修改，使其实现了IClientValidatable接口，并添加了GetClientValidationRules方法，该方法简单地使用与服务器端相同的错误消息进行客户端验证，并为这个验证器提供了一个惟一的名称，该验证器将由jquery不显眼的适配器使用。现在剩下的就是用这个属性装饰你的模型属性了：
[CreditCard(ErrorMessage = "Please enter a valid credit card number")]
[Required]
public string CardNumber { get; set; }在你看来：
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
jQuery.validator.unobtrusive.adapters.addBool('creditcard');
});
</script>
@using (Html.BeginForm())
{
@Html.TextBoxFor(x => x.CardNumber)
@Html.ValidationMessageFor(x => x.CardNumber)
<input type="submit" value="OK" />
}Stack Overflow用户
发布于 2011-01-29 06:10:32
除了TextBoxFor之外，您还需要ValidateFor。我不能从你的问题中看出你是否已经这样做了。在表单之前还需要EnableClientValidation。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4833280
复制相关文章
相似问题