我有 2 个字段:
名
姓
并且只需要其中之一。但如果两者都被省略,我希望这两个字段都被突出显示。如果其中一个被填写,那么模型就可以了,表格应该提交。
如何才能做到这一点?
我有 2 个字段:
名
姓
并且只需要其中之一。但如果两者都被省略,我希望这两个字段都被突出显示。如果其中一个被填写,那么模型就可以了,表格应该提交。
如何才能做到这一点?
所有复杂的验证都从继承自IValidatableObject的视图模型开始。然后,您覆盖Validate并输入您自己的验证规则。
IEnumerable<ValidationResult> IValidatableObject.Validate(ValidationContext validationContext)
{
if (String.IsNullOrWhiteSpace(FirstName) && String.IsNullOrWhiteSpace(LastName))
{
yield return new ValidationResult("A name must be entered.", new string[] { "FirstName", "LastName" });
}
}
请注意,这仅确保此规则的服务器端验证。如果您想要它在客户端,您需要编写自己的 JavaScript / jQuery 代码来处理验证。
你可以使用这个库,它会帮助你做这样的事情
[RequiredIf("PropertyValidationDependsOn", true)]
public string PropertyToValidate { get; set; }
如果您愿意在客户端执行此操作,这可能会给您一个开始
HTML
<input type="text" class="name" id="firstName" />
<input type="text" class="name" id="lastName" />
<input type="button" id="btnSubmit" value="submit" />
按钮点击事件
$("#btnSubmit").click(function () {
var isValid = false;
$("input[class='name']").each(function (key, keyValue) {
//alert(keyValue.value);
if (keyValue.value.length > 0) {
isValid = true;
$(this).css("background", "White");
}
else {
$(this).css("background", "RED");
}
})
if (!isValid) {
// do something
}
});
如果未通过验证,防止表单提交
$('input[type=submit]').bind('click', function(e) {
var isValid = false;
$("input[class='name']").each(function (key, keyValue) {
//alert(keyValue.value);
if (keyValue.value.length > 0) {
isValid = true;
$(this).css("background", "White");
}
else {
$(this).css("background", "RED");
}
})
if (!isValid) {
e.preventDefault() // prevents the form from being submitted
}
});