javascript - Jquery 验证器插件无法验证

Question

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

这是我的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>

Answer 1

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

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