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/zh-CN/docs/Web/Guide/HTML/Forms/Data_form_validation

具體滿足您的需求，請轉到此處，看看“您幾歲”輸入示例：

https://developer.mozilla.org/zh-CN/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>

希望這會有所幫助。