我尝试了几个不同的选项,同时试图避免设置默认选择值。
选项1
<div class="control-group">
<h4>Text</h4>
<div class="controls">
<div hidden="hidden" >@Html.EditorFor(m => m.pc.PS1)</div>
<div class="btn-group" data-toggle-name="pc.PS1" data-toggle="buttons-radio">
<button type="button" value="11" class="btn@((Model.pc.PS1 == 11) ? " active" : string.Empty )" data-toggle="button">Yes</button>
<button type="button" value="12" class="btn@((Model.pc.PS1 == 12) ? " active" : string.Empty )" data-toggle="button">No</button>
<button type="button" value="13" class="btn@((Model.pc.PS1 == 13) ? " active" : string.Empty )" data-toggle="button">N/A</button>
</div>
@Html.ValidationMessageFor(model => model.pc.PS1)
</div>
选项2
<div class="control-group">
<h4>Text</h4>
<div class="controls">
@Html.HiddenFor(m => m.pc.F1FallsRiskAssessmentFRASE)
<div class="btn-group" data-toggle-name="pc.PS2" data-toggle="buttons-radio">
<button type="button" value="11" class="btn@((Model.pc.PS2== 11) ? " active" : string.Empty )" data-toggle="button">Yes</button>
<button type="button" value="12" class="btn@((Model.pc.PS2== 12) ? " active" : string.Empty )" data-toggle="button">No</button>
<button type="button" value="13" class="btn@((Model.pc.PS2== 13) ? " active" : string.Empty )" data-toggle="button">N/A</button>
</div>
@Html.ValidationMessageFor(model => model.pc.PS2)
</div>
</div>
$('#ctFRM').validate({
rules: {
"pc.PS1": { required: true, minlength: 2 },
"pc_PS2": { required: true, minlength: 2 },
页面上隐藏的Id为pc_PS2,但名称为pc。PS2使用firebug script选项卡并在此设置断点时,当验证为pc_PS2时,默认值为0,但无论"。"或"_",都不会显示验证消息。
对于在验证规则中使用"。"和在其上设置掩码的"_"的文本框输入,它们确实有效。
我曾尝试在单选按钮上使用所需的验证,每个按钮的值为1/2/3,但由于页面默认隐藏值为0,因此它不会触发所需的真实验证。
接下来,我尝试将选项值设置为11/12/13,因此它们的长度为2,因此我可以使用minlength 2来阻止提交,但直到更改后才会生效。
所以我留下了一个备份选项,不引人注目的验证或为每个问题的每个按钮集设置一个onclick,希望得到正常字符串所需的验证,以在另一组隐藏的值上工作。
有什么想法或解决方案吗?
为了验证任何隐藏字段,您必须按如下方式设置ignore
选项。
$('#ctFRM').validate({
// options and rules,
ignore: []
});
查看更多信息:https://stackoverflow.com/a/8565769/594235