基于DWR的文本框验证

xml 代码

1. < allow >   
2.      < convert   converter = "bean"   match = "ajax.dwr.validate.ValidateForm" />   
3.      < create   creator = "new"   javascript = "ValidateAction" >   
4.      < param   name = "class"   value = "ajax.dwr.validate.ValidateAction" />   
5.      < include   method = "validateUsername" />   
6.      < include   method = "validatePassword" />   
7.      create >   
8. allow >   

 

java 代码

1. package  ajax.dwr.validate;   
2.   
3. public   class  ValidateForm {   
4.      private  String usename;   
5.   
6.      private  String password;   
7.   
8.      public  String getPassword() {   
9.          return  password;   
10.     }   
11.   
12.      public   void  setPassword(String password) {   
13.          this .password = password;   
14.     }   
15.   
16.      public  String getUsename() {   
17.          return  usename;   
18.     }   
19.   
20.      public   void  setUsename(String usename) {   
21.          this .usename = usename;   
22.     }   
23. }   

java 代码

1. package  ajax.dwr.validate;   
2.   
3. public   class  ValidateAction {   
4.      private  String validate;   
5.   
6.      public  String validateUsername(String username) {   
7.          if  (username.equalsIgnoreCase( "wangtong" )  {   
8.             validate =  "用户名已存在！" ;   
9.         }   
10.          return  validate;   
11.     }   
12.   
13.      public  String validatePassword(String password) {   
14.          if  (password.length() <  6 ) {   
15.             validate =  "您的密码太弱" ;   
16.         }   
17.          return  validate;   
18.     }   
19.   
20. }   

js 代码

1. <script type="text/javascript">   
2.   function  append_user_validate(validate)   
3.  {   
4.     if  (validate !=  null ){   
5.      var  div = $( "username_validate" );   
6.     div.innerHTML= "" ;   
7.      var  li = document.createElement( "li" );   
8.     li.appendChild(document.createTextNode(validate));   
9.     div.appendChild(li);   
10.    }   
11.  }   
12.     
13.    function  append_password_validate(validate)   
14.  {   
15.      var  div = $( "password_validate" );   
16.     div.innerHTML= "" ;   
17.      var  li = document.createElement( "li" );   
18.     li.appendChild(document.createTextNode(validate));   
19.     div.appendChild(li);   
20.  }   
21.     
22.     
23.   function  validateName(username)   
24.  {ValidateAction.validateUsername(username.value,append_user_validate);}   
25.   function   validatePassword(password)   
26.  {ValidateAction.validatePassword(password.value,append_password_validate);}   
27.    

</body></html></script>