Javascript 使用Jquery onclick按钮进行表单验证

我已经在jQuery中为我的表单编写了验证代码。一切似乎都是正确的，但不起作用。救救我

HTML格式：

<form role="form" name="form1" id="form1">
    <div class="form-group">
        <label for="usr">Contact Name</label>
        <input type="text" name="usr" class="form-control" id="usr" placeholder="Full Name">
    </div>
    <div class="form-group">
        <label for="pwd">Company Name</label>
        <input type="text" class="form-control" id="pwd" placeholder="Company Name">
    </div>
    <div class="form-group">
        <label for="eml">Email</label>
        <input type="email" class="form-control" id="eml" placeholder="Email">
    </div>
    <div class="form-group">
        <label for="phn">Contact Number</label>
        <input type="number" class="form-control" id="phn" placeholder="98689-98689">
    </div>
    <div class="form-group">
        <label for="comment">Remarks</label>
        <textarea class="form-control" rows="3" id="comment"></textarea>
    </div>
    <button id="submtbtn" style="height:30px ; width:60px;   padding: 5px 5px;" type="button" class="btn btn-info" onClick="AddNew(); this.form.reset()">Insert</button>
    <button style="height:30px ; width:60px;   padding: 5px 5px;" type="button" class="btn btn-info" onClick="this.form.reset()">Clear</button>
    <button id="cnclbtn" style="height:30px ; width:60px;   padding: 5px 5px;   background-color: #f1f1f1; " type="button" class="btn btn-default">Cancel</button>
</form>

请指出错误。多谢各位

JSFIDLE

在中，从JavaScript窗格中删除

和

标记，包括jQuery和jQuery验证插件后，它开始工作。。。但仅适用于

usr

字段

它不适用于任何其他字段，因为您忘记在这些输入元素上包含

name

属性。此插件仅使用

名称

属性，而不是

id

，来跟踪表单输入

<input type="text" class="form-control" name="pwd" placeholder="Company Name">

---

你能把“它不起作用”扩展一下吗？对你来说，解释你遇到的具体问题要比让20个人看代码（或运行小提琴）并找出自己的问题容易得多。帮助我们帮助你！如果您了解如何使用JSFIDLE，这将有所帮助。您还没有包括jQuery或插件。

<input type="text" class="form-control" name="pwd" placeholder="Company Name">

minlength: "Your Phone Number must be {0} digits"