Question

此表单是另一种视图的延续，提交表单后，我创建了一个Jquery脚本来验证表单输入，并在允许最终表单提交之前检查至少其中一个输入具有值。我的表单显示为有效，即使任何输入字段中都没有值。我在我的BundleConfig.cs中有Jquery验证包，包括Additional-methods.js

在我的控制台内，

$（“ hf”）。valid（）返回true，
     $（＃qty）.val（）返回（“”），
     $（“。pq”）。valid（）返回1。

基于此，据我了解，即使我的类“ pq”的验证规则需要单个输入，我的表单也被显示为有效，在任何输入字段中都没有值。我已经查询了每个输入值并全部显示（“”）。

注意：我确实在页面上有一个附加的Jquery函数，该函数根据数量输入的值乘以价格的隐藏输入值对订单进行总计。虽然据我所知，这应该不是冲突的问题。

我想要实现的功能示例的中间链接：https://jsfiddle.net/hydkf485/

My HTML:

    <div class="col-md-8">
        <label class="pd1" for="product-description">
           Product Name
        </label>
    </div>
    <div class="col-md-2">
        <label class="pp1" for="product-price">
           $2,800
         </label>
    </div>
    <div class="col-md-2">
        <label for="product-quantity">
            @Html.TextBoxFor(c => c.ObjectName, new { type = "text",  @class = "pq", name = "qty8", id = "qty8" })
         </label>
    </div>
       <input name="price8" id="price8" type="hidden" value="2800" />
    <div class="clearfix"></div>
    <br />

My JQuery:

<script>
    $(document).ready(function () {
        $("#hf").validate({
            rules: {
                qty8: {
                    require_from_group: [1, ".pq"]
                },
                qty7: {
                    require_from_group: [1, ".pq"]
                },
                qty6: {
                    require_from_group: [1, ".pq"]
                },
                qty5: {
                    require_from_group: [1, ".pq"]
                },
                qt4: {
                    require_from_group: [1, ".pq"]
                },
                qty3: {
                    require_from_group: [1, ".pq"]
                },
                qty2: {
                    require_from_group: [1, ".pq"]
                },
                qty1: {
                    require_from_group: [1, ".pq"]
                },
                qty: {
                    require_from_group: [1, ".pq"]
                }
            }
        });
    });
</script>

当我的require_from_group脚本中的所有输入都没有值时，我希望表单失败，但是即使每个值都显示为空（“”），我的表单在控制台中仍然显示为有效，并且能够提交。

使用Jquery验证和require_from_group方法，表单输入有效且值无效

0 个答案: