3

我需要在我的布尔字段上使用远程验证。我有看起来像这样的视图模型：

public class ViewModel
{   
    [Remote("ValidMePlease", "Home", AdditionalFields = "SomeKindOfDate", ErrorMessage = "use date with true")]
    public bool IsSomething {get;set;}
    public DateTime? SomeKindOfDate {get;set;}
}

我的控制器：

[OutputCache(Location = System.Web.UI.OutputCacheLocation.None, NoStore = true)]
public class HomeController : Controller 
{
    public JsonResult ValidMePlease(bool IsSomething , DateTime? SomeKindOfDate )
    {
        if (IsSomething && !SomeKindOfDate .HasValue)
            return Json(false, JsonRequestBehavior.AllowGet);
        return Json(true, JsonRequestBehavior.AllowGet);
    }
}

我的观点：

<div class="control">
    @Html.LabelFor(m => m.IsSomething , new { @class = "control-label" })
    <div class="controls">
        <label class="radio inline">
            @Html.RadioButtonFor(m => m.IsSomething , false) No
        </label>
        <label class="radio inline">
            @Html.RadioButtonFor(m => m.IsSomething, true) Yes
        </label>
    </div>
</div>

我的渲染视图：

   <div class="control">
        <label class="control-label" for="IsSomething ">Is something</label>
        <div class="controls">
            <label class="radio inline">
                <input checked="checked" data-val="true" data-val-remote="use date with true" data-val-remote-additionalfields="*.IsSomething ,*.SomeKindOfDate" data-val-remote-url="/admin/User/ValidMePlease" data-val-required="Is something is required." id="IsSomething " name="IsSomething " type="radio" value="False" /> No
            </label>
            <label class="radio inline">
                <input id="IsSomething " name="IsSomething " type="radio" value="True" /> Yes
            </label>
        </div>
</div>

想法是，当布尔字段为真时，我需要一个日期。还有什么问题。当我提交表单时，它总是在我的远程方法中传递false。我认为这是因为只有第一个输入具有属性。任何建议将不胜感激。IsSomethingValidMePleasedata-val-

4

1 回答 1

5

看起来“远程”验证器中的 jquery.validate.unobtrusive.js 中有一个错误。尝试更换这一行：

return $(options.form).find(":input[name='" + escapeAttributeValue(paramName) + "']").val();

和：

var $input = $(options.form).find(":input[name='" + escapeAttributeValue(paramName) + "']");
if ($input.is(":radio")) {
    return $input.filter(":checked").val();
} else {
    return $input.val();
}

您将需要在两个单选按钮上使用相同的验证器，以确保在选择 Yes 选项时字段有效。

另一件小事是确保 id 在您的 html 中是唯一的。从您的示例中，您有两个具有相同 id 属性的单选按钮。我会使用这样的东西：

@Html.RadioButtonFor(m => m.IsSomething, false, new { id = "IsSomething_False" })
@Html.RadioButtonFor(m => m.IsSomething, true, new { id = "IsSomething_True" })

补充：验证应该在不改变 id 属性的情况下工作。

根据其定义，ID 在任何系统中都必须是唯一的，因此通过确保它是唯一的，不仅可以帮助您验证 w3c.org，还可以帮助您为每个单选按钮添加标签。

于 2013-11-08T02:08:55.657 回答