asp.net mvc 4 - Bootstrap单选按钮jquery验证



我尝试了几个不同的选项,同时试图避免设置默认选择值。

选项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

最新更新