Jquery验证器插件不验证

Posted 2023-05-09

【中文标题】Jquery验证器插件不验证

【英文标题】：Jquery validator plugin doesn't validate

【发布时间】：2017-06-16 04:34:57

【问题描述】：

我的验证器不起作用。当它不是时，它会添加“有效”类。我不确定我是否正确使用了提交，但现在无法使其工作数小时。有人可以帮忙吗？

这是我的js代码

$("#codeForm").validate(
        rules : 
            kapakCode: 
                required: true,
                minlength: 8,
                maxlenght:8
            
        ,
        messages : 
            kapakCode: 
                required: "Bu alanı doldurmalısın.",
                minlenght: "Kapak altı kodunu eksik veya hatalı yazdın.",
                maxlenght: "Kapak altı kodunu eksik veya hatalı yazdın."
            
        
    );

我的表格是：

<form id="codeForm">
                        <ul class="lightContentList">
                            <li>
                                <span>Enter the code</span>
                                <div class="inputDiv">
                                    <input id="kapakCode" placeholder="ör. D85C12Z5" type="text">
                                </div>
                            </li>
                            <li>
                                <img class="captchaTest" src="img/captchaPlaceHolder.png">
                            </li>
                            <li><!--<a class="button greyBtn" id="formSubmit" href="javascript:;">DEVAM</a>--> <input type="submit"></li>
                        </ul>
                    </form>

【参考方案1】：

jQuery 验证插件将规则与元素的name 属性匹配，而不是id。您的<input> 中没有name。将其更改为：

<input id="kapakCode" name="kapakCode" placeholder="ör. D85C12Z5" type="text">