SSH系列：（12）用戶管理-表單校驗(yàn)

在用戶的新增（add）、編輯(edit)中對(duì)用戶名(username)、密碼(password)進(jìn)行非空校驗(yàn)和帳號(hào)(account)的唯一性校驗(yàn)。

需要注意的是在編輯頁面(editUI.jsp)中帳號(hào)(account)的唯一性校驗(yàn)要排除當(dāng)前編輯的帳號(hào)，不然將出現(xiàn)無法保存的情況。

1、JSP頁面

在jsp頁面中，分別進(jìn)行兩個(gè)時(shí)機(jī)的校驗(yàn)，①是在編輯帳號(hào)（account）的表單域時(shí)需要到服務(wù)器中校驗(yàn)是否已經(jīng)存在輸入的帳號(hào)；②在提交(submit)表單時(shí)再次進(jìn)行校驗(yàn)，避免在填寫表單時(shí)帳號(hào)已被使用的情況；

表單部分

<form id="form" name="form" action="${basePath}/tax/user_add.action" method="post" enctype="multipart/form-data">
    <s:textfield id="name" name="user.name"/>
    <s:textfield id="account" name="user.account" onchange="doVerify()"/>
    <s:textfield id="password" name="user.password"/>
    <input type="button" class="btnB2" value="保存" onclick="doSubmit()"/>
    <input type="button"  onclick="javascript:history.go(-1)" class="btnB2" value="返回" />
</form>

addUI.jsp中Javascript部分

    <script type="text/javascript">
    	var vResult = false;
    	//檢驗(yàn)帳號(hào)唯一性
    	function doVerify(){
    		//1、獲取帳號(hào)
    		var account = $('#account').val();
    		if(account != null){
    			//2、校驗(yàn)
    			$.ajax({
    				url:"${basePath}/tax/user_verifyAccount.action",
    				data:{"user.account":account},
    				type:"post",
    				async:false,//非異步
    				success:function(msg){
    					if("true" != msg){
    						//帳號(hào)已經(jīng)存在
    						alert("帳號(hào)已經(jīng)存在。請(qǐng)使用其它賬號(hào)");
    						//定焦
    						$('#account').focus();
    						vResult = false;
    					}
    					else{
    						vResult = true;
    					}
    				}
    			});
    		}    		
    	}
    	
    	//提交表單
    	function doSubmit(){
    		var $name = $('#name');
    		if($name.val() == ""){
    			alert("用戶名不能為空！");
    			$name.focus();
    			return false;
    		}
    		
    		var $password = $('#password');
    		if($password.val() == ""){
    			alert("密碼不能為！");
    			$password.focus();
    			return false;
    		}
    		
    		//帳號(hào)校驗(yàn)
    		doVerify();
    		if(vResult){
    			//提交表單
    			document.forms[0].submit();
    		}
    	}
    </script>

注意：上述javascript中的doVerify()方法中，$.ajax方法中的async參數(shù)為false，它的目的是實(shí)現(xiàn)帳號(hào)的同步驗(yàn)證，而不是異步驗(yàn)證。

editUI.jsp內(nèi)的Javascript部分有一點(diǎn)不同，就是：在進(jìn)行帳號(hào)(account)驗(yàn)證的時(shí)候，需要同時(shí)傳遞id過去。

    	var vResult = false;
    	//檢驗(yàn)帳號(hào)唯一性
    	function doVerify(){
    		//1、獲取帳號(hào)
    		var account = $('#account').val();
    		if(account != null){
    			//2、校驗(yàn)
    			$.ajax({
    				url:"${basePath}/tax/user_verifyAccount.action",
    				data:{"user.account":account,"user.id":"${user.id}"},//注意：這里是用EL表達(dá)式取ValueStack上的值
    				type:"post",
    				async:false,//非異步
    				success:function(msg){
    					if("true" != msg){
    						//帳號(hào)已經(jīng)存在
    						alert("帳號(hào)已經(jīng)存在。請(qǐng)使用其它賬號(hào)");
    						//定焦
    						$('#account').focus();
    						vResult = false;
    					}
    					else{
    						vResult = true;
    					}
    				}
    			});
    		}    		
    	}

知識(shí)點(diǎn)（1）EL表達(dá)式獲取ValueStack上的值

2、后臺(tái)（服務(wù)器端）

2.1、action層

UserAction.java

	public void verifyAccount(){
		
		try {
			//1、獲取賬號(hào)
			if(user != null && StringUtils.isNotBlank(user.getAccount())){
				//2、根據(jù)帳號(hào)到數(shù)據(jù)庫校驗(yàn)是否存在該帳號(hào)對(duì)應(yīng)的用戶
				List<User> list = userService.findUserByAccountAndId(user.getId(),user.getAccount());
				String strResult = "true";
				if(list != null && list.size()>0){
					//說明該帳號(hào)已經(jīng)存在
					strResult = "false";
				}
				
				//輸出
				HttpServletResponse response = ServletActionContext.getResponse();
				response.setContentType("text/plain");
				ServletOutputStream outputStream = response.getOutputStream();
				outputStream.write(strResult.getBytes());
				outputStream.close();
			}
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

知識(shí)點(diǎn)（1）StringUtils

    public static boolean isEmpty(CharSequence cs)
    {
        return cs == null || cs.length() == 0;
    }

    public static boolean isNotEmpty(CharSequence cs)
    {
        return !isEmpty(cs);
    }

    public static boolean isBlank(CharSequence cs)
    {
        int strLen;
        if(cs == null || (strLen = cs.length()) == 0)
            return true;
        for(int i = 0; i < strLen; i++)
            if(!Character.isWhitespace(cs.charAt(i)))
                return false;

        return true;
    }

    public static boolean isNotBlank(CharSequence cs)
    {
        return !isBlank(cs);
    }

2.2、service層

UserService.java

List<User> findUserByAccountAndId(String id, String account);

UserServiceImpl.java

	public List<User> findUserByAccountAndId(String id, String account) {
		return userDao.findUserByAccountAndId(id,account);
	}

2.3、dao層

UserDao.java

List<User> findUserByAccountAndId(String id, String account);

UserDaoImpl.java

	public List<User> findUserByAccountAndId(String id, String account) {
		String hql = "from User where account=?";
		if(StringUtils.isNotBlank(id)){
			hql += " and id !=?";
		}
		Query query = getSession().createQuery(hql);
		query.setParameter(0, account);
		if(StringUtils.isNotBlank(id)){
			query.setParameter(1, id);
		}
		return query.list();
	}