前端表单验证（AmazeUI的JS表单验证框架实战示例分享）

<input type="text" class="js-pattern-qq" data-validation-message="QQ号不符合规范噢" 
	      	name="qq" placeholder="输入QQ号" required>

<input type="text" class="js-pattern-mobile"  data-validation-message="手机号码不符合规范噢" 
	      	name="mobile" placeholder="输入手机号码" required>

 var radios = template.find('input[type=radio]');
              radios.each(function(){
                  $(this).attr('name','gender'+g_index);
              })

<button type="submit" style="width: 100%;height: 100% " class="am-btn am-btn-default">报名</button>

submit:function(){
                      var formValidity = this.isFormValid();
                      if(formValidity){
                      	if(!member.postMembers()){
                          return false;
                      	}
                      }else{
                          alert("输入信息不合法！");
                          return false;
                      }
                  }

jsp样例：
form加上data-am-validator才能使验证生效：
<form id="addPopuForm" class="add-popu-form" data-am-validator>
	<li class="inputItem">
		<li class="inputName">姓名</li> <!--required必填，minlength最小长度-->
		<input type="text" id="name" name="name" class="" required minlength="2" maxlength="64" placeholder="请输入2-64位字符" autocomplete="off">
	</li>
	<li class="inputItem"> <!--required必填-->
		<li class="inputName">性别</li>
		<select type="text" id="sex" name="sex" class="" required>
			<option selected value="">请选择</option>
			<option value="0">男</option>
			<option value="1">女</option>
		</select>
	</li>
	<li class="inputItem">
		<li class="inputName">年龄</li> <!--required必填，pattern正则表达式验证-->
		<input type="text" required pattern="^([1-9]\d{0,1}|100|[1]\d{0,2}|200)$" id="age" name="age" class="" placeholder="请输入2-100" autocomplete="off">
	</li>
</form>

js：
//注意下面的坑，两个配合才能生效
$("#addPopuForm").validator('destroy');//初始化，销毁之前的验证
$('#addPopuForm').validator({validateOnSubmit: true});//初始化参数，可以有多个，具体见参考文档http://amazeui.org/javascript/validator，提交时验证，配合上面的销毁实现销毁

//重置表单
$("#addPopuForm")[0].reset();

//提交时进行表单验证，formValidity为true通过验证
var formValidity = $('#addPopu').validator('isFormValid');