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

时间:2017-09-08 09:34:48

标签: jquery jquery-validate

这是我的代码:

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")
    });
});

问题

添加群组后,所需数量无效。 如果群组已移除其工作。

2 个答案:

答案 0 :(得分:1)

根据您发布的代码,任何此类代码都无法正常工作。当.validate()不包含id时,您的<form>方法会附加到id选择器。

id选择器与class ...

不匹配
<form class="myForm" ....

但您正在使用id选择器......

$('#myForm') ....

将班级选择器附加到.validate()$('.myForm'),或将id属性id="myForm"添加到<form>

仅供参考,require_from_group方法是additional-methods.js文件的一部分,因此,如果您尚未包含此方法,则无法使用此方法。

答案 1 :(得分:-1)

您是否尝试过不使用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>