知识大全 JavaScript访问JSF组件的方法

Posted 2022-07-20 知

篇首语：时代各有不同，青春一脉相承。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 JavaScript访问JSF组件的方法相关的知识，希望对你有一定的参考价值。

JavaScript访问JSF组件的方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　先看下面的 JSF 页面

　　<% @ page language= java pageEncoding= UTF %><% @ taglib uri= prefix= h %><% @ taglib uri= prefix= f %><> <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:mandButton value= 提交 action= #LoginManager check onclick= return isEmpty(); styleClass= formButton /> <h:mandButton value= 重置 type= button onclick= javascript:document getElementById( formLogin ) reset(); document getElementById( formLogin:txtUsername ) focus(); styleClass= formButton /> </div> </h:form> </f:view> </center> </body></>

　　这个页面使用 JavaScript 来确认登录时用户名和密码是否为空表单名为 formLogin 两个输入组件名为 txtUsername 和 txtPassword 当单击按钮时将调用 JavaScript 函数 isEmpty() 根据条件判断显示对话框或是提交表单

　　要注意的是不能在 JavaScript 函数中使用如下类似语法来访问表单组件 document formLogin txtUsername value;而应使用 document getElementById( formLogin:txtUsername ) value;或者 document forms formLogin[ formLogin:txtUsername ] value;

　　这是因为 JSF 解释上面的 <h:form id= formForm > </h:form> 一段时会生成如下代码

　　JSF 产生的所有表单控件都有符合 formName:ponentName 格式的名称这里的 formName 表示控件的表单的名称而 ponentName 表示组件名称如果没有指定 id 属性则 JSF 框架会自动创建标识符就象上面的 HTML 片段中的按钮一样因此要访问上面的用户名字段必须使用下列方法

cha138/Article/program/Java/JSP/201311/19470