无法使 jquery validate.js 工作答案

【问题标题】：Can't make jquery validate.js works无法使 jquery validate.js 工作
【发布时间】：2013-11-18 17:47:44
【问题描述】：

我正在尝试验证我的引导网站的联系表，但我无法使其正常工作。如果我使用来自 demo 的代码，它可以工作，但我的代码无法让它工作。当我点击提交按钮时，它会刷新页面并且不显示任何错误消息。

这是我的代码：

<form class="form-horizontal" id="contact_form">

                    <div class="form-group control-group">
                        <label for="contact_name" class="col-sm-4 control-label">NAME: </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control contact-focus" id="contact_name" placeholder="Your name *">
                            </div>
                    </div>

                    <div class="form-group control-group">
                        <label for="contact_email" class="col-sm-4 control-label">EMAIL: </label>
                            <div class="col-sm-8">
                                <input type="email" class="form-control contact-focus" id="contact_email" placeholder="email@example.com *">
                            </div>
                    </div>

                    <div class="form-group control-group">
                        <label for="contact_company" class="col-sm-4 control-label">COMPANY: </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control contact-focus" id="contact_company" placeholder="Company name">
                            </div>
                    </div>

                    <div class="form-group control-group">
                        <label for="contact_contact" class="col-sm-4 control-label">CONTACT: </label>
                            <div class="col-sm-8">
                                <input type="tel" class="form-control contact-focus" id="contact_contact" placeholder="Your number">
                            </div>
                    </div>


                    <div class="form-group control-group">
                        <label for="contact_message" class="col-sm-4 control-label">MESSAGE: </label>
                            <div class="col-sm-8">
                                <textarea class="form-control fixed_textarea contact-focus" id="contact_message" placeholder="What do you want to say to us ? *" rows="8"></textarea>
                            </div>
                    </div>

                     <div class="form-group control-group">
                        <div class="col-sm-offset-4 col-sm-8">
                            <input type="submit" class="btn btn-default" value="Send Message" />

                        </div>  
                    </div>



                </form>

JS：

$('#contact_form').validate({

    rules:{
        contact_name:{
            required:true,
            minlength:2
        },
        contact_email:{
            required:true,
            email:true
        },
        contact_message:{
            required:true,
            minlength:20
        }
    },

    messages:{
        contact_name:{
            required:"Please insert your name",
            minlength:"Your name must contain at least 2 characters"
        },
        contact_email:{
            required:"Please Insert Your Email Address",
            email:"Please Insert a Valid Email Address"
        },
        contact_message:{
            required:"Please Write Your Message",
            minlenght: "Your Message must contain at least 20 characters"
        }
    }


});

【问题讨论】：

错误信息是什么？
我没有收到任何错误消息，它根本不起作用......这个想法是点击提交，如果输入为空，它会显示错误消息，但没有发生，它只是刷新我的页面...
控制台没有错误信息？如果它不起作用，它应该有某种指示。
不，控制台中的错误为零
哦，等等，将name 属性添加到您的输入中，并为其指定id 的值。如<input type="text" class="form-control contact-focus" id="contact_name" placeholder="Your name *" name="contact_name">

标签： jquery forms validation twitter-bootstrap

【解决方案1】：

将name 属性添加到您的输入中，并为其指定id 的值。比如

 <input type="text" ``` id="contact_name" ``` name="contact_name">

我认为验证器是通过名称而不是 id 来选择输入的。

【讨论】：