Introduction
在MVC中,我有一个基本ViewModel和两个ViewModels作为属性包括在基本模型中,如下所示:
public class BaseViewModel
{
public FirstViewModel First { get; set; }
public SecondViewModel Second { get; set; }
}
在FirstViewModel
中,我在其中一个属性上添加了一个自定义验证属性,继承自RemoteAttribute
。我的目标是使用这个属性将值与SecondViewModel
中的属性进行比较。我已经使用AdditionalFields
属性设置了RemoteAttribute
。
我认为我的问题在于如何将HTML属性添加到剃刀视图中的控件中:
data-val-remote-additionalfields="*.PropOfModelFirst,*.PropOfModelSecond"
当客户端验证调用控制器操作时,*.被First.替换为框架,这是错误的,因为第二个值不是该的一部分。
我尝试在第二个属性前加上类名,结果导致
data-val-remote-additionalfields="*.PropOfModelFirst,*.Second.PropOfModelSecond"
但正如可以预期的那样,这将更改为First.Second.PropOfModelSecond。
问题
可以使用AdditionalFields属性与来自另一个ViewModel的值进行比较吗?
发布于 2018-07-26 09:56:22
不能使用AdditionalFields
与来自另一个ViewModel的值进行比较。原因是规则是通过jquery.validate.js
插件(它读取由HtmlHelper
方法生成的data-val-*
属性)添加到HtmlHelper
中的。具体来说,是adapters.add("remote", ["url", "type", "additionalfields"], function (options) {
方法对属性名进行预挂的First
。
一种选择是使用包含所有属性的单一“平面”视图模型。
如果这是不可取的,那么您可以编写自己的ajax代码来调用执行验证的服务器方法。这实际上也有一些额外的性能好处。默认情况下,在由.blur()
事件触发的初始验证之后,将对每个.keyup()
事件执行验证,这意味着如果用户最初输入无效值,则可能会进行大量ajax和数据库调用。
删除[Remote]
属性,并添加以下脚本(假设属性为First.ABC
和Second.XYZ
)
$('#First_ABC').change(function() {
var url = '@Url.Action(...)'; // add your action name
var input = $(this);
var message = $('[data-valmsg-for="First.ABC"]'); // or give the element and id attribute
$.post(url, { abc: input.val(), xyz: $('#Second_XYZ').val() }, function(response) {
var isValid = response === true || response === "true";
if (isValid) {
input.addClass('valid').removeClass('input-validation-error');
message.empty().addClass('field-validation-valid').removeClass('field-validation-error');
} else {
input.addClass('input-validation-error').removeClass('valid');
message.text(response).addClass('field-validation-error').removeClass('field-validation-valid');
}
})
});
其中控制器方法将是
[HttpPost]
public ActionResult Validate(string abc, string xyz)
{
bool isValid = .... // code to validate
if (isValid)
{
return Json(true, JsonRequestBehaviour.AllowGet);
}
else
{
return Json("your error message", JsonRequestBehaviour.AllowGet)
}
}
https://stackoverflow.com/questions/51533508
复制相似问题