Question

我有一个＆＃39; VehiclePrice＆＃39;我的模型中的字段，我正在使用不同的标签。我有3个不同的＆＃39; div，其中只有一个将根据＆＃39; Car＆＃39;，＆＃39; Truck＆＃39;或＆＃39; SUV＆＃的下拉选项显示39 ;.标签是＆＃34;轿车价格＆＃34;，＆＃34;卡车价格＆＃34;和＆＃34; SUV价格＆＃34;。我是MVC的新手，作为一个数据库人，我不喜欢创造3个不同的领域来保持同样的东西 - ＆＃34; Price＆＃34;。我需要Validation消息来指示特定标签，当它吐出＆＃34;必需＆＃34;或者＆＃34;范围＆＃34;消息，即＆＃34; 汽车价格是必需的＆＃34;，＆＃34; 卡车价格必须介于10000和900000之间＆＃34;等，而不是只需＆＃34;价格是必需的＆＃34;。为什么？因为还有其他的＆＃34; Price＆＃34;标签在同一个＆＃39; div＆＃39;。我的指示是我需要使用@Html验证的东西，这似乎很难修改。是否有一种简单的方法可以覆盖消息，或至少预先添加或附加＆＃34; Car＆＃34;，＆＃34; Truck＆＃34;或＆＃34; SUV＆＃34;对吗？或者也许是一种覆盖某些数据的方法 - - - ＆＃39;属性。

Answer 1

首次呈现视图时，jquery-validate会解析验证消息。您可以根据所选的车辆类型更改data-val-*属性的相关VehiclePrice属性，然后重新解析验证程序。假设选择的html是

<select id="vehicletype">
  <option value="Car">Car</option>
  <option value="Truck">Truck</option>
</select>

然后是剧本

$('#vehicletype').change(function() {
  // Update error message
  var message= 'The ' + $(this).val() + ' price is required';
  $('#VehiclePrice').attr('data-val-required', message);
  // Reparse validator
  $('form').data('validator', null);
  $.validator.unobtrusive.parse($('form'));
});

请注意，您还需要在回发后检查车辆类型，并在返回视图时调整ModelState错误消息

Answer 2

我会在您的视图模型中添加一个Vehicle Type属性，并在视图中使用bool变量将文本框设置为在document.ready事件中通过JQuery启用或不启用。如果disabled变量为false，则将忽略文本框的验证。对于每种车型div，请使用以下代码。

@Html.TextBoxFor(r => r.VehiclePrice, new { @type = "range", min = 10000, max = 15000 }, disabled)  
@Html.ValidationMessageFor(r => r.VehiclePrice,"Price must be between 10000 and 15,000")

如何根据标签更改验证消息

2 个答案: