使用ValidForm进行表单验证，结合SpringMVC检验用户名是否存在

由于最近在开发一个网站，需要进行表单验证。以往都是用js进行验证。虽然简单，但是代码多，不方便，无法实现高效率的开发。因为在网上找到了一款很方便高效的js验证框架：ValidForm。有关ValidForm的更多介绍，可前往官网：http://validform.rjboy.cn/详细查看。

使用步骤：

1：导入包

所需的包，可前往这里进行下载：下载ValidForm文件：http://validform.rjboy.cn/download.html

2：写javascript代码

3：给需要验证的表单元素绑定附件的属性：

更多的属性请见官方帮助文档： ValidForm帮助文档

4：使用ajaxurl，进行实时验证用户名是否存在

ajaxurl="front/user/checkUser.do" sucmsg="账号可以使用" errormsg="4~20位字符，可由英文、数字以及"_"、"-"组成" />

ajaxurl:填写控制器的地址

checkUser.do控制器的部分代码如下：

	/**
	 * 检查注册账号是否存在
	 * 
	 * @param name
	 * 表单中的文本框的name属性
	 * @param param
	 * 表单中对应name属性的文本框的值
	 * @return
	 */
	@RequestMapping("/checkUser")
	@ResponseBody
	public Map  checkUser( String name,String param, HttpServletRequest request){
		Map map=new HashMap();
		List agencyList=agencyService.findByProperty(AgencyEntity.class, "account", param);
	
		if(agencyList.size()!=0){
			map.put("status", "n");
			map.put("info","账号已经存在！" );
		}else{
		map.put("status", "y");
		map.put("info", "账号可以使用！");
		}
		return  map;
	}

checkUser.do控制器返回的是 json数据（采用@ResponseBody，返回值为Map就可以实现）：json的格式必须为：{"status":"y","info""put the info"}.

其中：“status”：y：表示验证成功。n：表示验证不成功。“info”：前台输出的信息。

这样就可以实现验证用户名是否存在了。

前台页面效果图如下：

以下是完整的注册页面jsp代码：

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
















    
  

    	

        	新用户注册
        
        
        

        
        

        	个人资料
            

            
            	

                	
账户名
                     
                    
*4~20位字符，可由中文、英文、数字以及"_"、"-"组成
                
                
                

                	
设置密码
                   
                    
*6~20位字符，可由字母、数字或符号组成
                
                
                

                	
确认密码
                    
                    
*请再次输入密码
                
                
                

                	
姓名
                    
                    
*
                
                
                

                	
手机
                    
                    
*请输入11为手机号码
                
                
            
                
                

                	
邮箱
                    
                    
*请输入常用邮箱，将来用来找回密码、接受订单通知等
                
                
            
        


		

        	公司资料
            

            
            	

                	
公司全称
                    
                    
*
                
                
                

                	
法人代表
                    
                    
*
                
                
                

                	
公司地址
                    
                    
*
                
                
                

                	
公司电话
                   
                    
*
                
                
              
                
            
        

        
        

        	

            	

                	
验证码
                    
看不清？换一张
                    
请输入图片中的字符，不区分大小写