jQuery+json实现表单验证

jsp页面

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.james.js"></script>
<script type="text/javascript">  
$(document).ready(function (){
      $('#name').blur(function (){ //写为blur事件，输入用户名在失去焦点的时候进行验证
             var params=$('input').serialize(); //序列化表单的值，与prototype中的form.serialize()相同
             $.ajax({
                  url :'json.action',  //后台处理程序
                  type:'post',    //数据发送方式
                  dataType:'json',   //接受数据格式
                  data:params,   //要传递的数据
                  success:update_page  //回传函数(这里是函数名)
                  });
           });
       
   });


   function update_page (json) { //回传函数实体，参数为XMLhttpRequest.responseText
          var str=json.message+"<br />";
          
          $("#result").html(str);
   }
</script>
             <div id="result" ></div><hr/>
   <s:form action="logon.action" method="post">
      <s:textfield id="name" name="user.user_Code" label="name"/>
      
      <s:password id="password" name="user.user_Pass" label="password"/>
      
      <s:submit  id="submit"/>
   </s:form>

action中

private String message;
   
   public String getMessage() {
      return message;
   }
   public void setMessage(String message) {
      this.message = message;
   }

public String  json() throws IOException {

      if(userDao.isExiteByCode(user.getUser_Code())&&user.getUser_Code()!=null){//判断数据库中是否存在该用户名
         
         
         message="用户名正确";
         
      }
      else 
      {
         
         message="用户名错误";
      }
      return SUCCESS;
   }

struts.xml

<package name="s" extends="json-default"> 
         <action name="json" class="logonAction" method="json">
            <result  type="json"/>
          
        </action>            
    </package>

同理可验证表单其他信息。