指间宝文档说明

java:

 

m = _c.getJSONObject("pwd");
        //t.put("field", "pwd1");//须与pwd1字段相同
        //t.put("message", "两次密码不一致");
        m.put("identical", t);
        t.put("field", "uid");//不能和uid字段相同
        t.put("message", "不能和用户名相同");
        m.put("different", t);

        t.clear();
        t.put("min", 6);
        t.put("max", m.get("size"));
        m.put("stringLength", t);
        uc.put("pwd", u.toChkHtmlAttr(m));

结果 uc.get("pwd")

 

cnname='密码' isnull='false' regEx='[\s\S]{1,32}' regMsg='密码输入格式不正确,必须填写,且长度不能超过32个字符' identical='{}' different='{"field":"uid","message":"不能和用户名相同"}' stringLength='{"min":6,"max":32}' 

 

html：

// 通过 ${uc.atform}获取表单提交的前缀

 

<form class="cmxform" id="signupForm" atform="${uc.atform}" method="post" action="login.do">

//通过 ${uc.pwd}获取pwd的验证消息

 

 

<input ${uc.pwd} name="pwd" class="form-control" type="password" placeholder="请输入密码">

获取结果如下：

 

 

 

<input cnname="密码" isnull="false" regex="[\s\S]{1,32}" regmsg="密码输入格式不正确,必须填写,且长度不能超过32个字符" identical="{}" different="{"field":"uid","message":"不能和用户名相同"}" stringlength="{"min":6,"max":32}" name="pwd" class="form-control" type="password" placeholder="请输入密码" data-bv-field="pwd">

 

 

 

js：

 

//初始化bootstrapValidator验证器
//qsel form容器(el,JQobj,id,class)
//subfn 提交函数
//返回 bootstrapValidator对象
function initVtor(qsel,subfn){
	var qp=(qsel instanceof jQuery)?qsel:$(qsel);
	if(!qp[0]) return null;
	var sfn=$.isFunction(subfn)?
			subfn:function(qform,vtor,evt){vtor.defaultSubmit()},
		at=qp.attr("atform"),els={};
	qp[0].atform=at?at+".":"";
	$.each(qp[0].elements,
		function(i,el){
			if(!el.name) return;
			var qe=$(el), v={}, js,
				ctag=qe.attr("cnname"),
				rs=qe.parent().find("label[for="+el.name+"]").text();
			ctag=rs?rs:(ctag?ctag:"");
			rs=$.trim(qe.attr("isnull")+"");
			if(rs.length>0 && rs=="false"){
				v["notEmpty"]={
					message:ctag+"不能为空, 请填写"
				};
			}
			rs=$.trim(qe.attr("regEx")+"");
			if(rs!="undefined" && rs.length>0){
				v["regexp"]={
					regexp:$.trim(qe.attr("regEx")),
					message:qe.attr("regMsg")
				};
			}
			rs=$.trim(qe.attr("stringLength")+"");
			if(rs!="undefined" && rs.length>2){
				js=JSON.parse(rs);
				if(js){
					var a=[];
					if(js.min) a.push("不能小于"+js.min+"位");
					if(js.max) a.push("不能大于"+js.max+"位");
					js.message=ctag+a.join(", ");
					v["stringLength"]=js;
				}
			}
			rs=$.trim(qe.attr("identical")+"");
			if(rs!="undefined" && rs.length>2){
				js=JSON.parse(rs);
				if(js) v["identical"]=js;
			}
			rs=$.trim(qe.attr("different")+"");
			if(rs!="undefined" && rs.length>2){
				js=JSON.parse(rs);
				if(js) v["different"]=js;
			}
			if(!$.isEmptyObject(v))
				els[el.name]={validators:v}
	});
	var vtor=qp.bootstrapValidator({
		message:"该字段不能为空, 请填写",
		feedbackIcons: {
          valid: 'glyphicon glyphicon-ok',
          invalid: 'glyphicon glyphicon-remove',
          validating: 'glyphicon glyphicon-refresh'
        },
        //submitHandler:sfn,//版本号v0.5-dev以后不再支持submitHandler配置
        fields:els    
	}).on("success.form.bv",function(ev){
		ev.preventDefault();
		var qform = $(ev.target);
		var vtor = qform.data('bootstrapValidator');
		sfn(qform,vtor,ev);
	});
	//console.dir(els);
	return vtor.data('bootstrapValidator');
}

var fVtor=initVtor("#signupForm",
            	function(qform,validator,evt){
                	//console.log(this,f);
                	wtip.hidestr();
                	var d=getjsform(qform),
                		a=qform[0].atform,pm={};//提交前缀
                	$.each(d, function(k,v) {
						//console.log(k,v);
						pm[a+k]=v;
					});
                	$.post(qform.attr("action"),pm,
						function(re){
							if(re.ok){
								alert("登录成功!");
								return;
							}
							wtip.showstr(re.msg);
							//alert(re.msg);
					},"json");
					return false;
                }
            );

 

 

 

 

 

下面试bootstrap-validator原生的验证方法，以上只是与数据库结合统一写在i.js里，不用每张页面在写验证。

 $('#defaultForm').bootstrapValidator({
         message: 'This value is not valid',
         feedbackIcons: {
             valid: 'glyphicon glyphicon-ok',
             invalid: 'glyphicon glyphicon-remove',
             validating: 'glyphicon glyphicon-refresh'
         },
         fields: {            
             pwd: {
                 message: 'The username is not valid',
                 validators: {
                     notEmpty: {
                         message: 'The username is required and cannot be empty'
                     },
                     stringLength: {
                         min: 6,
                         max: 30,
                         message: 'The username must be more than 6 and less than 30 characters long'
                     },
                     regexp: {
                         regexp: /^[a-zA-Z0-9_\.]+$/,
                         message: 'The username can only consist of alphabetical, number, dot and underscore'
                     },
                     remote: {
                         url: 'remote.php',
                         message: 'The username is not available'
                     },
                     different: {
                         field: 'password',
                         message: 'The username and password cannot be the same as each other'
                     }
                 }
             }
            
     });

 

其他的字段验证方法同上。

 

提交表单时，需要请求reg.do，就需要调用Reg.java的action类里的添加方法

 

      long id = 0;
        Map d = qc.getEntityMap();

        try {
            id = CommBase.GZAdd(d, TableType.SHOPS);
        } catch (DaoException ex) {
            msg = fn.dbErrPut(ex);
            return;
        }

 

 

最后要配置struts.xml文件：

<struts>
  <constant name="struts.locale" value="zh_CN" />
  <constant name="struts.i18n.encoding" value="UTF-8" />
  <constant name="struts.action.extension" value="do" />
  <constant name="struts.multipart.maxSize" value="314572800"/>
  <package name="web" namespace="/" extends="json-default">
    <action name="index" class="web.Index">
      <result>index.jsp</result>
    </action>
    <action name="zhuce" class="web.Zhuce">
      <result>zhuce.jsp</result>
    </action>
  
    
    <action name="login" class="action.Login">
      <result type="json">
        <param name="includeProperties">
          ok,msg
        </param>
      </result>           
    </action>

      
        
    <action name="reg" class="action.Reg">
      <result type="json">
        <param name="includeProperties">
          ok,msg
        </param>
      </result>           
    </action>
    
</struts>