`
windows1987
  • 浏览: 17530 次
  • 性别: Icon_minigender_1
  • 来自: 黑龙江
社区版块
存档分类
最新评论

JavaScript与Struts结合使用

阅读更多

     最近开始学习JavaScript,在项目中遇到了JavaScript与Struts结合使用的情况,因为struts的html标签的写法与标准的html标签的写法有一些不同,最开始的时候不知道如何处理,所以上网查了一下两者如何结合使用的例子,感觉说的都不是很清楚,可能是自己理解的不好吧,因此写一篇总结。

     举个很多人都问过的问题,就是想用JavaScript来校验表单元素,在标准的html写法中,每个元素都有id、name属性,大家可以根据情况,用getElementById或是用getElementsByName来得到属性的值,但是在struts中有些标签确没有id和name属性,即使有和标准的html标签的含义也有可能不一样。这里只说一些我是如何用JavaScript来校验struts的标签元素的,其实很简单,struts的标签在生成网页的时候也会转换成标准的html标签,因此只需要看一下相应的jsp页面的源代码就可以了,例如,我们在用struts框架写代码的时候,代码会是这样的:

    

<html:form action="/login.do" styleClass="cmxform">
        <fieldset>
          <legend>登录</legend>
          <html:text property="username" ></html:text><br>
          <html:password property="password"></html:password><br>
          <html:submit/><html:cancel/><html:link href="register.do">注 册</html:link>
         </fieldset>
</html:form>

 我的在查看源代码的时候会看到上面的这段代码变成了如下这个样子:

     <form name="loginForm" method="post" action="/webdisk/login.do" class="cmxform">
        <fieldset>
          <legend>登录</legend>
          <input type="text" name="username" value=""><br>
          <input type="password" name="password" value=""><br/>
          <input type="submit" value="Submit"><input type="submit" name="org.apache.struts.taglib.html.CANCEL" value="Cancel" onclick="bCancel=true;"><a href="register.do">注册</a>
         </fieldset>
     </form>

 所有的struts的标签都转换成了标准的html标签,其中,<form>标签的name属性对应的是struts-config.xml中form-bean的name属性为loginForm的bean(通过form标签的action属性在struts-config.xml中找到对应的action bean,然后能过此action bean的name属性来找到对应的form bean),<form>标签的styleClass属性对应class属性。<html:text>标签的property属性对应的是<input type="text">标签的name属性,以些类推<html:password>标签的property属性对应的是<input type="password">标签的name属性,这样的代码是不是更熟悉呢,哈哈,下面我们就可以开始编写校验代码了,如下:

<script type="text/javascript">
          function validate(){
          var username = document.loginForm.username.value;
          var password = document.loginForm.password.value;
          if(username == null || username == ""){
              alert("用户名不能为空");
          }
          
          if(password == null || password == ""){
             alert("密码不能为空");
          }
    }
	</script>

 

然后分别在<html:text>和<html:password>标签中添加onblur属性,将该方法添加进去onblur="validate()",这样就能够实现校验了。

 

 

分享到:
评论

相关推荐

    struts 结合javascript实现ajax特效

    struts 实现ajax效果,里面包含了很多技术,jsp的filter,各种struts标签和DispatchAction,js代码丰富,可用通用.... 个人提倡资源共享,大家随便下,^_^....

    Struts2综合演示实例

    利用Struts2框架,结合SQL,JDBC,Java,JSP,JavaScript,Struts2标签库+OGNL等一系列常用开发语言集成的演示实例!

    struts 2.0与ajax 的实例

    struts 2.0与ajax结合的实例以及原理讲解。返回数据使用JSON形式,使用的是google 的ajax插件。 里面外附一份javascript内核系列的教程。

    struts结合dojo

    Dojotoolkit是当前比较流行的JavaScript框架,dojo主要提供了以下功能:JavaScript Web组件(例如Tree,Grid,Button,Menu等),事件处理框架,Ajax异步调用等功能,非常好用。 Dojo现在主要有两个版本: 0.4.3 ...

    struts+hibernate+spring应用下的实用分页实例

    采用struts+hibernate+spring技术,再结合javascript技术实现分页功能,希望对您有所帮助!

    基于Struts+Hibernate+MVC的员工在线请假系统毕业论文(43页14416字数).doc

    LAS采用Java语言编写,结合Javascript、XML,基于Struts框架与Hibernate,实现了在线提交请假申请以及在线批复申请,并及时通知双方请假申请的审批情况,管理者也能够根据具体情况来制定不同的请假批复流程,通过该...

    图书管理系统(jsp +struts+myeclipse)

    因此本人结合开入式图书馆的要求,对MS SQL Server2000数据库管理系统、SQL语言原理、.NET应用程序设计进行了较深入的学习和应用,主要完成对图书管理系统的需求分析、功能模块划分、数据库需求分析,并由此设计了...

    JavaWeb开发实战经典(李兴华).part1

    本书用通俗易懂的语言和丰富多彩的实例,通过对Ajax、JavaScript、HTML等Web系统开发技术基础知识的讲解,并结合MVC设计模式的理念,详细讲述了使用JSP及Struts框架进行Web系统开发的相关技术。 全书分4部分共17章,...

    JavaWeb开发实战经典(李兴华).part2

    本书用通俗易懂的语言和丰富多彩的实例,通过对Ajax、JavaScript、HTML等Web系统开发技术基础知识的讲解,并结合MVC设计模式的理念,详细讲述了使用JSP及Struts框架进行Web系统开发的相关技术。 全书分4部分共17章,...

    JavaWeb开发实战经典(李兴华).part3

    本书用通俗易懂的语言和丰富多彩的实例,通过对Ajax、JavaScript、HTML等Web系统开发技术基础知识的讲解,并结合MVC设计模式的理念,详细讲述了使用JSP及Struts框架进行Web系统开发的相关技术。 全书分4部分共17章,...

    Java.Web整合开发与项目实战(第二版).zip

    为了使读者的开发技术逐步提升到Java EE水平,《Java Web整合开发与项目实战:JSP Ajax Struts Hibernate Spring(第2版)》还重点介绍了利用主流框架,如Struts、Spring和Hibernate相结合的轻量级应用开发知识及案例...

    当当网(达内项目)

    表现层应用JSP技术结合struts2标签,并应用JavaScript、AJAX、JQuery技术进行页面表单的客户端验证和异步服务器端验证,减少页面刷新,并运用cookie技术保存用户购物和浏览记录,提高用户体验。图书界面有用点击弹出...

    《Java Web开发实战经典》

    本书用通俗易懂的语言和丰富多彩的实例,通过对Ajax、JavaScript、HTML等Web系统开发技术基础知识的讲解,并结合MVC设计模式的理念,详细讲述了使用JSP及Struts框架进行Web系统开发的相关技术。 全书分4部分共17章,...

    JavaWeb讲义pdf

    本书用通俗易懂的语言和丰富多彩的实例,通过对Ajax、JavaScript、HTML等Web系统开发技术基础知识的讲解,并结合MVC设计模式的理念,详细讲述了使用JSP及Struts框架进行Web系统开发的相关技术。 全书分4部分共17章...

    购物网站servlet和ajax的结合

    所用技术:jsp/servlet,html,javascript,struts,hibernate,css,div 开发工具:myeclipse,tomcat,oracle10g 项目描述:实现网上购物 主要工能:用户登录,用户的注册,商品的分页显示,商品的模糊查询,

    王浩(易购网站购物系统)

    ※ 结合3大框架SSH综合运用,使用struts作为业务逻辑层;使用Spring贯穿了整个中间层;使用Hibernate进行对数据库的操作。 ※ 项目使用了J2EE,javascript,jsp,mysql,Ajax等的技术来实现,以及Tomcat5.0服务器版本。...

    毕业论文-基于MVC设计模式的图书管理系统

    为了使页面更加友好、流畅,还结合了Struts标签和CSS。在页面的使用技巧上,本程序采用了动态包含的方式,使得页面之间可以动态同步的显示。以及Apache Tomcat服务器的简易安装和稳定的运行对于系统的构建、运行和...

    ExtJS Web应用程序开发指南(10-15)完毕

    ExtJS的前身是YUI(Yahoo User Interface),经过不断发展与改进,现在已经成为最完整与成熟的一套构建RIA Web应用的JavaScript基础库。ExtJS已经成为开发具有完满用户体验的Web应用的完美选择。 本书可以作为Web...

    ExtJS Web应用程序开发指南(1-10)

    ExtJS的前身是YUI(Yahoo User Interface),经过不断发展与改进,现在已经成为最完整与成熟的一套构建RIA Web应用的JavaScript基础库。ExtJS已经成为开发具有完满用户体验的Web应用的完美选择。 本书可以作为Web...

Global site tag (gtag.js) - Google Analytics