javascript - 单击按钮时，验证是否必须使用Jquery将至少一行移动到自定义表

我在项目中首先使用MVC3，EF模型。

我有一个包含4个表的 View ，然后每当用户单击这4个表中的某行时，我就有一个CustomPickedTable,，该行移动到CustomPickedTable表，这是它的代码:

<script type="text/javascript">
        $(function () {
            $('.questionsForSubjectType tbody tr').click(function () {
                var origin = $(this).closest('table').attr('id');
                $(this)
        .appendTo('#CustomPickedTable tbody')
        .click({ origin: origin }, function (evt) {
            $(this).appendTo('#' + evt.data.origin);
                });
            });
        });
</script>

我正在寻找的一种验证方式是，当用户单击“提交”按钮时，应该有一个规则来确保必须将这4个表中的至少一行移到CustomPickedTable上(如果没有的话)，它不应发布该表单但是给用户一个错误信息。

这是我的4张桌子之一，这些是由MVC中带有 Razor 的foreach循环生成的

    <div class="questionsForSubjectType" id="questionsForSubjectType_1">
              <table class="box-style2" id="RandomID_c5b9bc7a-2a51-4fe5-bd3a-75b4b3934ade">
                <thead>
                  <tr>
                    <th>
                    Kompetens
                    </th>
                  </tr>
                </thead>
                  <tbody>
                   <tr>
                     <td data-question-id="16">Har konsulten F&#246;rm&#229;ga att l&#228;ra sig nytt?</td>
                   </tr>
                  </tbody>
                  <tbody>
                   <tr>
                     <td data-question-id="17">Har konsulten r&#228;tt kompetens?</td>
                   </tr>
                  </tbody>
               </table>
    </div>

我的自定义表格:

<table id="CustomPickedTable" class="box-style2">
<thead><tr><th>Choosen Questions</th></tr></thead>
<tbody>
</tbody>
</table>

提前致谢!

最佳答案

可能有更好的方法。

但是我会向每个可移动的TD添加数据属性或某个类，并在提交检查时确定每个所需的值。

在此处创建了一个示例:http://jsfiddle.net/y35Qf/1/

基本上，我添加了一个称为数据行的属性，每个表都有其自己的值，在提交时，我要求将这些值中的每一个都保存在CustomPickedTable中-如果不是，则提醒某些内容丢失-否则警告成功。

您可以轻松添加，以便提醒哪些行丢失或需要其他任何验证。

这就是你想要的吗？