移动视图 MVC 中的 Footable 和 Validation 错误消息答案

【问题标题】：Footable and Validation error message in Mobile view MVC移动视图 MVC 中的 Footable 和 Validation 错误消息
【发布时间】：2018-06-26 04:21:56
【问题描述】：

在我的 MVC 5 Web 应用程序中，我使用了 footable。在表格中，我有字段单选按钮，例如构建表单。

代码如下：

  <thead>

            <tr>
                <th></th>
                @foreach (var labelfreqdep in ViewBag.rbFreqDep)
                { 

                    <th style="text-align:center;" data-breakpoints="xs sm">

                        <label for="FrequencyID">@labelfreqdep.FrequencyDescription</label>

                    </th>

                }

                <th data-breakpoints="xs sm"></th>
            </tr>
     </thead>
        <tbody>

            <tr>
                <td>First Chooses</td>
                @foreach (var freqdep in ViewBag.rbFreqDep)
                {
                    <td class="rd">

                        <input type="radio" name="A3_1" id="A3_1" value="@freqdep.FrequencyDescription" data-val="true" data-val-required="Please select">
                    </td>

                }
                <td class="rd">@Html.ValidationMessageFor(model => model.A3_1, "", new { @class = "text-danger" })</td>

            </tr>
      </tbody>
   </table>

我还对 data-val="true" 的空字段使用验证。问题是在移动视图中不显示“请选择”消息。它适用于桌面视图。当我用加号图标展开 tr 时，会出现消息。我们可以在提交时扩展行以便显示消息吗？

有什么想法吗？

已编辑

我用过

   $("#survey_form").submit(function (event) {
        $('.surveytable').footable({
            "expandAll": true
        });
      });`

它会扩展提交时的行，但不显示验证错误

【问题讨论】：

标签： html asp.net-mvc validation footable

【解决方案1】：

对于任何有同样问题的人，我通过给按钮一个id然后通过jquery处理它来解决它

<script type="text/javascript">

jQuery(function($){
    $('.surveytable').footable()


    $("#survey_btn").click(function (event) {
        $('.surveytable').footable({
            "expandAll": true

        });

    });

 });
</script>

【讨论】：