首页  |  精品网站  |  原创作品秀   |  艺术设计  |  网络学院  |  信息中心  |  站内搜索  |  求职招聘  |  建站资源  |  服装网站  |  编程开发 |  设计论坛 
  平面设计 画册 VI欣赏 包装 CG-插画   酷站 个人网页 商业网站   Alexa排名 CSS 建站资源 下载专区 JS特效 品牌服装 服装院校   专题欣赏 SEO 图标欣赏
域名注册 虚拟主机 广州网站建设 广州网页设计 IDC赞助 设计资源下载 虚拟主机 域名注册 品牌网站建设 服装品牌网站建设 广告服务 网站推广 娱乐
当前位置:首 页 >> 网络学院 >> Dreamweaver ※ FrontPage >> JavaScript 访问 JSF 组件的方法

JavaScript 访问 JSF 组件的方法

来源:网页设计秀Cnwebshow.com整理 被读290次

中资源
转载请注明出处-中国设计秀-cnwebshow.com

先看下面的 JSF 页面:

<%...@ page language="java" pageEncoding="UTF-8"%>
<%...@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%...@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<html>
  <head>
    <title>My JSF 'login.jsp' starting page</title>
    <script type="text/javascript">...
    function isEmpty() ...{
      var username = document.getElementById("formLogin:txtUsername").value;
      var password = document.getElementById("formLogin:txtPassword").value;
      if(username == "") ...{
        alert("给老子输用户名!");
        document.getElementById("formLogin:txtUsername").focus();
        return false;
      }
      if(password == "") ...{
        alert("不输密码你登录个铲铲!");
        document.getElementById("formLogin:txtPassword").focus();
        return false;
      }
    }
    </script>
  </head>
  <body>
    <center>
      <f:view>
        <h:form id="formLogin">
          <div id="input">
            <h:outputLabel value="用户名:" />
            <h:inputText value="#{LoginManager.username}" id="txtUsername"
              styleClass="formText" />
            <br>
            <h:outputLabel value="密码:" />
            <h:inputSecret value="#{LoginManager.password}" id="txtPassword"
              styleClass="formText" />
          </div>
          <div id="submit">
            <h:commandButton value="提交" action="#{LoginManager.check}"
              onclick="return isEmpty();" styleClass="formButton" />
            <h:commandButton value="重置" type="button"
              onclick="javascript:document.getElementById('formLogin').reset();
              document.getElementById('formLogin:txtUsername').focus();"
              styleClass="formButton" />
          </div>
        </h:form>
      </f:view>
    </center>
  </body>
</html>



<< 1 2 >>
转载请注明出处-中国设计秀-cnwebshow.com



投稿 】【对本文进行评论】 【字体: 】【发布于2007-03-20 16:34】

相关专题:暂无相关专题

上一篇:CSS层叠样式表 (基础篇)   下一篇:推荐一些所谓的CSS的“顶级”技巧
 认证LOGO下载
     
Copyright © 2005-2007 中国设计秀_网页设计教程_优秀网页设计欣赏_平面设计欣赏 All Right Reserved.
做最专业的设计服务网站,秀出自我,秀出精彩!中国设计秀,秀---无处不在!!
QQ:54292427  8208442 MSN:kingvisual#hotmail.com 交流群:9107036 3848215 8850631
粤ICP备05067046号 RSS