Используя проверку Jquery, метод require_from_group, ввод формы действителен с недопустимыми значениями - PullRequest
Новая
       10

Используя проверку Jquery, метод require_from_group, ввод формы действителен с недопустимыми значениями

0 голосов
/ 24 мая 2019

Эта форма является продолжением формы из другого представления. После отправки формы я создал сценарий Jquery для проверки входных данных формы, проверяя, что хотя бы один из входных данных имеет значение, перед тем как разрешить окончательную отправку формы. , Моя форма показывается как действительная, даже если ни в одном из полей ввода нет значений. У меня есть пакет проверки Jquery, в том числе Additional-method.js внутри моего BundleConfig.cs

Внутри моей консоли

$ ("hf"). Valid () возвращает true,
$ (# кол-во) .val () возвращает (""),
$ (". pq"). valid () возвращает 1.

Исходя из этого, насколько я понимаю, моя форма показывается как действительная, без значения в любом из моих полей ввода, даже если мое правило проверки для моего класса "pq" требует одного ввода. Я запросил каждое входное значение и все шоу ("").

ПРИМЕЧАНИЕ: у меня есть дополнительная функция Jquery на странице, которая суммирует заказ на основе значений для количественных входов, умноженных на скрытые входные значения для цены. Хотя, насколько мне известно, это не должно вызывать противоречий.

Функциональная ссылка Fiddle Пример того, чего я хочу достичь: 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 не имеет значения, но даже если каждое значение отображается как пустое (""), моя форма все еще отображается как допустимая в моей консоли и может быть представленный.

...