声明式表单验证

jquery.validate.js插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。

1.引入

引入jquery.validate.js和jquery-1.11.1.js

2使用

$('#myfrom').validate()根据表单id开启验证，里面传message可自定义提示内容，message的对象是input的name属性

<form id="myfrom" action="xxx">
  <p>用户名(最长为6位)：<input name="username" type="text" placeholder="请输入用户名" minlength="6" required></p>
  <p>密码（6-8位）：<input name="pwd1" id='mm' type="password" placeholder="请输入密码" minlength="6" maxlength="8" required></p>
  <p>确认密码：<input name="pwd2" type="password" placeholder="请再次输入密码" equalTo="#mm" required></p>
  <p><input type="submit" value="提交"></p>
</form>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">
  $('#myfrom').validate({
      messages: {
        username: {
          required: '请输入用户名',
          minlength: '最少6位'
        },
        pwd1: {
          required: '请输入密码',
          minlength: '最少6位',
          maxlength: '最长8位',
        },
        pwd2: {
          required: '请再次输入密码',
          equalTo: '两次密码必须相同'
        }
      }
    }
  )
</script>

效果
效果