ValidForm 表单验证插件

<div class="iteye-blog-content-contain" style="font-size: 14px"></div>

ajaxurl:实时验证功能.

例，ajaxurl : "<%=path%>/user/user!randnum.json"

/**
	 * 验证码是否输入成功
	 */
	public void randnum() {

		Map<String, String> hashmap = new HashMap<String, String>();

		HttpSession hs = getHttpSession();

		if (hs.getAttribute("randnum") != null) {

			String s_randnum = (String) hs.getAttribute("randnum");

			if (!model.getParam().equals(s_randnum)) {

				hashmap.put("info", "验证码错误，请重新输入!");
				hashmap.put("status", "n");
			} else {

				hashmap.put("info", "");
				hashmap.put("status", "y");
			}

			model.setMessage_(SystemStatusCode.OPERATE_OK, "get success", "", "验证成功", hashmap);
		}
	}

 

 返回的一定是json数据格式的，{"info":"验证码错误，请重新输入!","status":"n"} 必须有这info和status两个字段，信息自己定义。一般返回这种json格式即可。前台不用再处理，已封装好。

 

密码强度插件：passwordStrength-min.js 引入即可。然后js中加入usePlugin即可.

<script type="text/javascript">
	$(function() {

		var demo = $(".registerform").Validform({
			tiptype : 2,
			showAllError : true,
			label : ".label",
			btnSubmit : "#btn_sub",
			ajaxPost : true,
			postonce : true,
			usePlugin:{
				passwordstrength:{
					minLen:6,//设置密码长度最小值，默认为0;
					maxLen:20,//设置密码长度最大值，默认为30;
					trigger:function(obj,error){
						if(error){
							obj.parent().next().find(".Validform_checktip").show();
							obj.parent().next().find(".passwordStrength").hide();
						}else{
							obj.parent().next().find(".Validform_checktip").hide();
							obj.parent().next().find(".passwordStrength").show();	
						}
					}
				}
			},
			callback : function(data) {
				var userCode = $('#userCode').val();
				if(data.status == "y") {

					var url="<%=path%>/user/user-activating.jsp?userCode="+userCode+"&password="+$('#register_password').val();

					setTimeout(window.location.href = url, 3000);
				}
			}
		});

		demo.addRule([ {
			ele : ".inputxt:eq(0)",
			datatype : "m | e",
			tip : "Email/手机号码",
			nullmsg : "请输入中国大陆手机号或常用邮箱，可用于登录和找回密码",
			errormsg : "手机或邮箱格式有误,请重新输入",
			sucmsg : " ",
			ajaxurl : "<%=path%>/user/user!regis.json"
		}, {
			ele : ".inputxt:eq(1)",
			datatype : "*6-20",
			tip : "昵称",
			nullmsg : "请输入您的昵称",
			sucmsg : " ",
			errormsg : "昵称至少6个字符,最多20个字符！"
		}, {
			ele : ".inputxt:eq(2)",
			datatype : "*6-20",
			sucmsg : " ",
			nullmsg : "请输入您的密码",
		}, {
			ele : ".inputxt:eq(3)",
			datatype : "*6-20",
			recheck : "password",
			nullmsg : "请再输入一次密码",
			sucmsg : " ",
			errormsg : "您两次输入的账号密码不一致"
		}, {
			ele : ".inputxt:eq(4)",
			datatype : "*4-4",
			nullmsg : "请输入验证码",
			errormsg : "验证码输入错误",
			sucmsg : " ",
			ajaxurl : "<%=path%>/user/user!randnum.json"
		}]);
	});
</script>