jquery 验证器 - 必填字段不起作用？

Question

这是我的代码：

HTML

<form class="myForm" method="post" action="/" >
 <input type="text"   name="number" class="form-control">
 <input type="text"  name="amount"  class="form-control send">
 <input type="text"  name="operator" class="form-control send">
 <input type="submit" value="Submit" />
</form>

Jquery 验证者：

$(document).ready(function () {
$("#myForm").validate({
        debug: true,
        groups: {  // consolidate messages into one
            names: "amount operator"
        },
        rules: {
            number:"required",
             amount: {
                require_from_group: [1, ".send"]
            },
            operator: {
                require_from_group: [1, ".send"]
            }

        },
        messages: {
               number: "required."

        }

    });
   jQuery.extend(jQuery.validator.messages, {
        require_from_group: jQuery.format("amount or bundle should be filled")
    });
});

问题

此处 所需数量 在添加群组后无法使用。 如果群组删除了它的工作。

Answer 1

根据您发布的代码，这些都不可能起作用。当您的 <form> 不包含 id.

时，您的 .validate() 方法附加到 id 选择器

id 选择器与 class...

不匹配

<form class="myForm" ....

但是您使用的是 id 选择器...

$('#myForm') ....

将 class 选择器附加到 .validate()、$('.myForm')，或将 id 属性 id="myForm" 添加到 <form>。

仅供参考，require_from_group 方法是 additional-methods.js 文件的一部分，所以如果您还没有包含它，它将不起作用。

Answer 2

您是否尝试过不使用 jQuery 验证器而是执行如下操作：

<form class="myForm" method="post" action="/" >
 <input type="text"   name="number" class="form-control"required="required">

 <input type="text"  name="amount"  class="form-control "required="required">

 <input type="text"  name="operator" class="form-control "required="required">

 <input type="submit" value="Submit"/>
</form>

jquery 验证器 - 必填字段不起作用？

jquery validator - required fields not working?

jquery

jquery-validate