jQuery验证多个扩展

Question

我正在使用https://github.com/DiegoLopesLima/Validate此验证插件来验证表单

我添加了扩展程序，我想在一个字段中使用2个扩展规则

像这样的东西

'data-validate' => ' max , min ', // in field

---

jQuery.validateExtend({
        min: {
            conditional: function(value) {
                return false;
            }
        },
        max: {
            conditional: function(value) {
                return false;
            }
        }
    });

以下是如何在一个规则中使用我想要多个规则的示例

<form>
    <input type="text" name="age" data-validate="age" />
</form>

jQuery('form').validate();

jQuery.validateExtend({
    age : {
        required : true,
        pattern : /^[0-9]+$/,
        conditional : function(value) {

            return Number(value) > 17;
        }
    }
});

Answer 1

这可能不是您正在寻找的答案，但这可以在纯HTML中完成。缺点是它需要使用现代浏览器（IE10，Chrome，Firefox等）。优点是它更容易使用，无需JS即可使用。

退房：

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Data_form_validation

特别针对您的需求，请到这里查看＆＃34;您多大了＃34;输入示例：

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Data_form_validation#Other_validation_constraints

<input type="number" min="12" max="120" step="1" id="n1" name="age" pattern="\d+">

查看您的代码，您正在寻找所需的年龄输入，其值必须大于17，例如：

<input type="number" min="18" id="age" name="age" pattern="\d+" required>

希望这有点帮助。