`

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>


同理可验证表单其他信息。
分享到:
评论

相关推荐

    struts2+spring+hibernate+jquery+json

    Struts2 提供了强大的拦截器机制,可进行灵活的扩展和自定义行为,例如表单验证、异常处理等。 接下来,Spring 框架是Java企业级应用开发的核心。它提供了依赖注入(DI)和面向切面编程(AOP)等功能,帮助简化应用...

    ssh2+ajax+jquery+json 登陆验证

    根据提供的文件信息,本文将详细解析“ssh2+ajax+jquery+json 登陆验证”的实现原理及技术要点。本文将围绕SSH2框架、Ajax、jQuery和JSON这些技术展开讨论,并结合给定的部分内容来深入分析如何利用这些技术进行...

    MVC3+Jquery+Json实现登录

    在本文中,我们将深入探讨如何使用MVC3(Model-View-Controller)框架结合Jquery和Json技术来实现一个无刷新的登录功能。MVC3是Microsoft开发的一个强大的Web应用程序框架,它允许开发者以一种清晰、可维护的方式...

    Struts2+JSON+JQuery实现简单的验证

    6. **实现JSON返回**:在Struts2 Action中,使用`ValueStack`或`ActionContext`将验证结果转化为JSON对象,然后设置结果类型为JSON,让Struts2自动处理JSON响应。 7. **测试**:启动Tomcat服务器,访问JSP页面,...

    jQuery+json异步实现JSP和struts2之间的数据传递

    在实际应用中,这样的数据交互方式可以实现动态加载、表单验证、页面更新等多种功能,提高用户体验。 总结来说,"jQuery+json异步实现JSP和struts2之间的数据传递"是Web开发中的常见实践,它利用jQuery的Ajax功能与...

    struts2+jquery+json+ajax例子

    总结起来,"struts2+jquery+json+ajax"的例子展示了如何利用这些技术协同工作,实现一个无刷新的登录界面,提供流畅的用户体验。通过Struts2处理业务逻辑和数据验证,jQuery和Ajax负责前后端的通信,JSON作为数据...

    Jquery+json+Csharp实例

    在本实例中,C#将用于处理服务器端逻辑,如验证用户输入、数据库操作等,并通过Web API或ASP.NET MVC返回JSON数据。 ### 四、jQuery与JSON的结合 1. **Ajax请求**:使用jQuery的`$.ajax()`方法,可以向服务器发送...

    ssh2+ajax+jquery+json验证用户名是否存在[参考].pdf

    在SSH2(Apache Struts2)、Ajax、jQuery和JSON技术组合中,验证用户名是否存在的功能是一个典型的前后端交互示例。以下是这些技术如何协同工作的详细解释: **SSH2 (Struts2)**:SSH2是Struts2的简称,它是Apache的...

    用Velocity改装的jquery+json+springMVC+ibatis简单例子

    在这个项目中,jQuery可能被用来实现页面上的交互功能,如异步数据加载、表单验证或动态更新内容,同时利用AJAX与服务器进行通信,通常通过发送JSON数据进行数据交换。 3. **JSON(JavaScript Object Notation)**...

    jQuery+ajax实现简单登录验证

    在本文中,我们将深入探讨如何使用jQuery和Ajax技术实现一个简单的登录验证系统。...在实际项目中,还需要结合其他技术和最佳实践,如错误处理、表单验证和用户反馈,以构建更健壮和安全的登录系统。

    ssh整合+JSON+Jquery+Ajax

    1. **用户界面交互**:使用Jquery处理用户的输入和行为,例如表单验证、按钮点击事件等。 2. **异步数据获取**:通过Ajax调用,向服务器发送请求,获取或提交数据,如分页查询、动态加载数据等,同时更新页面内容。 ...

    struts+jquery+json+ajax.pdf

    综上所述,这个例子展示了如何使用 Struts2 处理后端逻辑,通过 JSON 将数据传递给前端,然后利用 jQuery 和 AJAX 实现无刷新的交互体验。这种组合在现代 web 开发中非常常见,能够有效提升应用的性能和用户体验。

    Spring Boot + MyBatis + thymeleaf + MySQL + jQuery +ajax图书借阅管理系统

    在本系统中,jQuery用于增强用户体验,例如实现异步加载、动态表单验证等功能。 Ajax(Asynchronous JavaScript and XML)技术在本系统中扮演了关键角色,它实现了页面的局部刷新,使得用户在不刷新整个页面的情况...

    ajax经典面试题;一个页面实现增删改查之jquery+JSON版

    1. **创建(Create)**:用户填写表单后,使用jQuery监听表单提交事件,阻止默认的提交行为,然后通过$.ajax发送POST请求到服务器,数据以JSON格式传递。后端接收到请求后,解析JSON,将数据插入数据库。 2. **读取...

    stuts2+ibatis+jQuery +UI + flexgrid+Json做的一个用户管理界面

    在这个用户管理界面中,jQuery被用来增强用户体验,如实现页面元素的动态加载、表单验证、以及AJAX无刷新操作,提高用户界面的响应性和交互性。 **UI**:UI(用户界面)设计是指为用户提供与系统交互的方式和视觉...

    jQuery + Ajax + json 级联

    这种级联效果广泛应用于表单验证、动态过滤、地理定位等多种场景,提升了用户界面的交互性和实时性。 总结来说,jQuery、Ajax和JSON的结合是现代Web开发中的重要工具,它们共同构建了丰富的动态用户体验。理解并...

    Struts2+Jquery+Ajax

    8. 实例演示:使用Struts2+Jquery+Ajax实现动态加载数据或表单验证 "struts2 jar"文件包含了Struts2框架的核心库,可能包括struts2-core、struts2-convention、struts2-json-plugin等依赖,这些是开发Struts2应用必...

    struts2+easyUI+ajax+json用户登验证

    总结来说,"struts2+easyUI+ajax+json用户登录验证"项目是Web开发中的典型应用场景,展示了如何利用这些技术实现前后端交互和动态页面更新,为初学者理解Web开发的基本流程和原理提供了很好的实例。

    json+jsp+jQuery小例子

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它采用...总的来说,这个例子展示了如何结合JSON、JSP和jQuery实现一个现代Web应用的无刷新登录功能,利用AJAX实现前后端的异步通信,提高了用户体验。

    json + struts2 + 80个JQuery 效果 个例子

    这80个例子可能涵盖了常见的网页动态效果,如滑动、淡入淡出、弹窗、导航菜单、轮播图、表单验证等,这些实例可以帮助开发者快速理解和应用jQuery。 在实际开发中,JSON常用于前后端数据交换。例如,Struts2可以...

Global site tag (gtag.js) - Google Analytics