jQuery Validate 基本使用以及实例

简单来说，使用jQuery Validate做前台校验的核心步骤有以下几个：
1，为需要校验的输入框添加对应的校验标识，比如密码输入框要加一个 password的校验标识。
2，jQuery Validate根据校验标识查找对应的校验规则。
3，根据校验规则和输入框的值进行判断是否校验通过，如果不通过则查找对应的提示信息显示。
4，全部校验通过则可以发送请求或者提交表单。

其中校验规则是核心的部分，jQuery Validate提供了一些内置的校验规则，你也可以自子通过代码或者正则表达式自定义校验规则。
详细教程可以参考：http://www.runoob.com/jquery/jquery-plugin-validate.html

教程里面内容挺多的，我重点说一下，实际使用的情况，以及自定义校验规则。那么首先举个栗子
上代码：

引入js:
message的js你如果需要可以自己引入

<script src="js/jquery.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/additional-methods.js"></script>

表单：

    <form class="layui-form" id="addForm" role="form" 　>
    <div class="layui-form-item">
    <label  class="layui-form-label">登录账号</label>
    <div class="layui-input-inline">
      <input type="text" name="loginName" id="loginName"  required  placeholder="请输入账号"  class="layui-input">
    </div>
     <div class="layui-form-mid layui-word-aux">
     <label for="loginName"></label></div>
  </