源码：用js验证表单组件值
2006-05-09 10:39
411 查看
<%@page contentType="text/html; charset=GB2312"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="http://www.hechang.com/pager" prefix="corejsf"%>
<%//Integer.parseInt("");%>
<html>
<f:view locale="zh_CN">
<head>
<script language="javascript" src="css/changedate.js">
</script><script language="javascript" type="">
pressed = "del";
function setPressed(press ){
pressed=press;
}
function confirmsubmit(){
if(pressed=="del"){
return confirm ("确定要删除吗?");
}
if(pressed=="save"){
var tt =eval(document.forms['fors']['fors:fenlei3'])
if(tt.options[tt.selectedIndex].value==-1){
alert("请选择分类,谢谢");
return false;
}
else return confirm("确定要保存吗?");
}
else{return true;}
}
</script>
<script language="javascript" type="">
function SetCheckedStatus()
{
var oTable=document.all['fors:data'];
var oChkAll=document.all['fors:selectall']
if(oTable != null && oChkAll != null)
{
for(j=1;j<oTable.rows.length;j++)
{
oTable.rows(j).cells(0).children.item(0).checked=oChkAll.checked;
}
}
}
</script><link href="css/styles3.css" rel="stylesheet" type="text/css"/>
<title>ziyuanweihu</title>
</head>
<body>
<h:form id="fors" onsubmit="return confirmsubmit();">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10">
<img src="images/jiao1.gif" width="10" height="10">
</td>
<td background="images/line1.gif"> </td>
<td width="10">
<img src="images/jiao2.gif" width="10" height="10">
</td>
</tr>
<tr>
<td background="images/line3.gif" align="center"> </td>
<td bgcolor="#ffffff" align="center">
<h:panelGrid id="act" columns="1" cellpadding="0" cellspacing="0" width="100%" border="0" columnClasses="btstyle">
<h:panelGroup>
<h:selectBooleanCheckbox id="selectall" onclick="SetCheckedStatus()"/>
<h:outputLabel for="selectall">
<h:outputText value="全选"/>
</h:outputLabel>
<h:commandButton value="编辑" onclick="setPressed('editor')" actionListener="#{resWeiHu.editTriggered}"/>
<h:commandButton value="删除" actionListener="#{resWeiHu.delete}" onclick="setPressed('del')"/>
<h:commandButton value="增加" onclick="setPressed('add')" actionListener="#{resWeiHu.addTriggered}"/>
<h:commandButton value="保存" onclick="setPressed('save')" actionListener="#{resWeiHu.saveTriggered}"/>
<h:commandButton value="返回" action="toziyuanweihu" onclick="setPressed('back')"/>
</h:panelGroup>
</h:panelGrid>
<h:panelGrid id="sort" columns="3" cellpadding="0" cellspacing="0" width="100%" border="0" columnClasses="btstyle" rendered="#{resWeiHu.showfenlei}">
<h:panelGroup>
<h:outputText value="一级分类:"> </h:outputText>
<h:selectOneListbox id="fenlei1" size="1" style="width:176px;" onchange="submit()" valueChangeListener="#{resWeiHu.topLevelChanged}" value="#{resWeiHu.fenlei1}">
<f:selectItems value="#{resWeiHu.topLevel}"/>
</h:selectOneListbox>
</h:panelGroup>
<h:panelGroup>
<h:outputText value="二级分类:"> </h:outputText>
<h:selectOneListbox id="fenlei2" size="1" style="width:176px;" onchange="submit()" valueChangeListener="#{resWeiHu.secondLevelChanged}" value="#{resWeiHu.fenlei2}">
<f:selectItems value="#{resWeiHu.secondLevel}"/>
</h:selectOneListbox>
</h:panelGroup>
<h:panelGroup>
<h:outputText value="三级分类:"> </h:outputText>
<h:selectOneListbox id="fenlei3" size="1" style="width:176px;" value="#{resWeiHu.fenlei3}">
<f:selectItems value="#{resWeiHu.thirdLevel}"/>
</h:selectOneListbox>
</h:panelGroup>
</h:panelGrid>
<f:verbatim>
</td>
<td background="images/line4.gif"> </td>
</tr>
<tr>
<td background="images/line3.gif" align="center"> </td>
<td bgcolor="#ffffff" align="center"></f:verbatim> <h:dataTable id="data" value="#{resWeiHu.dataModel}" var="forth" rows="10" border="1" cellpadding="0" cellspacing="1" width="100%">
<h:column>
<f:facet name="header">
<h:outputText id="headerText5" value="选择"/>
</f:facet>
<h:selectBooleanCheckbox id="selectBooleanCheckbox1" value="#{forth.editor}"/>
<h:message for="selectBooleanCheckbox1"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText1" value="资源名称"/>
</f:facet>
<h:outputText value="#{forth.name}" rendered="#{not forth.editor}"/>
<h:inputText value="#{forth.name}" rendered="#{forth.editor}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText2" value="教师"/>
</f:facet>
<h:outputText value="#{forth.teacher}" rendered="#{not forth.editor}"/>
<h:inputText value="#{forth.teacher}" rendered="#{forth.editor}" size="8" maxlength="8"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText9" value="制作时间"/>
</f:facet>
<h:outputText value="#{forth.tchdate}" converter="dateTimeConverter" rendered="#{not forth.editor}"/>
<h:inputText id="time" value="#{forth.tchdate}" rendered="#{forth.editor}" converter="dateTimeConverter" maxlength="10" size="10"/>
<h:message for="time"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="Text0" value="描述"/>
</f:facet>
<h:inputTextarea id="discription" value="#{forth.discription}" rendered="#{forth.editor}" rows="4" cols="20"/>
<h:message for="discription"/>
<h:outputText id="headerText13" value="#{forth.discription}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText10" value="序号"/>
</f:facet>
<h:outputText value="#{forth.sequence}" converter="integerConverter" rendered="#{not forth.editor}"/>
<h:inputText id="sequence" value="#{forth.sequence}" rendered="#{forth.editor}" converter="integerConverter" maxlength="4" size="3"/>
<h:message for="sequence"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText15" value="文件名"/>
</f:facet>
<h:outputText value="#{forth.filename}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText16" value="物理文件名"/>
</f:facet>
<h:outputText value="#{forth.phiplace}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText11" value="文件大小"/>
</f:facet>
<h:outputText value="#{forth.filesize}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText12" value="入库时间"/>
</f:facet>
<h:outputText value="#{forth.rukudate}" converter="dateTimeConverter"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText14" value="最后修改时间"/>
</f:facet>
<h:outputText value="#{forth.filemodifydate}" converter="dateTimeConverter"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText17" value="资源类型"/>
</f:facet>
<h:outputText value="#{forth.resourcetype}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText4" value="加密否"/>
</f:facet>
<h:outputText value="#{forth.yijiami}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText3" value="分发否"/>
</f:facet>
<h:outputText value="#{forth.yifenfa}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText6" value="三级分类"/>
</f:facet>
<h:outputText value="#{forth.drmThirdlevel.name}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText7" value="二级分类"/>
</f:facet>
<h:outputText value="#{forth.drmThirdlevel.drmSecondLevel.name}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText8" value="一级分类"/>
</f:facet>
<h:outputText value="#{forth.drmThirdlevel.drmSecondLevel.drmTopLevel.name}"/>
</h:column>
</h:dataTable>
<corejsf:pager dataTableId="data" showpages="10" selectedStyleClass="currentPage"/>
<f:verbatim>
</td>
<td background="images/line4.gif"> </td>
</tr>
<tr>
<td width="10">
<img src="images/jiao3.gif" width="10" height="10">
</td>
<td background="images/line2.gif"> </td>
<td width="10">
<img src="images/jiao4.gif" width="10" height="10">
</td>
</tr>
</table>
</f:verbatim> </h:form>
</body>
</f:view>
</html>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="http://www.hechang.com/pager" prefix="corejsf"%>
<%//Integer.parseInt("");%>
<html>
<f:view locale="zh_CN">
<head>
<script language="javascript" src="css/changedate.js">
</script><script language="javascript" type="">
pressed = "del";
function setPressed(press ){
pressed=press;
}
function confirmsubmit(){
if(pressed=="del"){
return confirm ("确定要删除吗?");
}
if(pressed=="save"){
var tt =eval(document.forms['fors']['fors:fenlei3'])
if(tt.options[tt.selectedIndex].value==-1){
alert("请选择分类,谢谢");
return false;
}
else return confirm("确定要保存吗?");
}
else{return true;}
}
</script>
<script language="javascript" type="">
function SetCheckedStatus()
{
var oTable=document.all['fors:data'];
var oChkAll=document.all['fors:selectall']
if(oTable != null && oChkAll != null)
{
for(j=1;j<oTable.rows.length;j++)
{
oTable.rows(j).cells(0).children.item(0).checked=oChkAll.checked;
}
}
}
</script><link href="css/styles3.css" rel="stylesheet" type="text/css"/>
<title>ziyuanweihu</title>
</head>
<body>
<h:form id="fors" onsubmit="return confirmsubmit();">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10">
<img src="images/jiao1.gif" width="10" height="10">
</td>
<td background="images/line1.gif"> </td>
<td width="10">
<img src="images/jiao2.gif" width="10" height="10">
</td>
</tr>
<tr>
<td background="images/line3.gif" align="center"> </td>
<td bgcolor="#ffffff" align="center">
<h:panelGrid id="act" columns="1" cellpadding="0" cellspacing="0" width="100%" border="0" columnClasses="btstyle">
<h:panelGroup>
<h:selectBooleanCheckbox id="selectall" onclick="SetCheckedStatus()"/>
<h:outputLabel for="selectall">
<h:outputText value="全选"/>
</h:outputLabel>
<h:commandButton value="编辑" onclick="setPressed('editor')" actionListener="#{resWeiHu.editTriggered}"/>
<h:commandButton value="删除" actionListener="#{resWeiHu.delete}" onclick="setPressed('del')"/>
<h:commandButton value="增加" onclick="setPressed('add')" actionListener="#{resWeiHu.addTriggered}"/>
<h:commandButton value="保存" onclick="setPressed('save')" actionListener="#{resWeiHu.saveTriggered}"/>
<h:commandButton value="返回" action="toziyuanweihu" onclick="setPressed('back')"/>
</h:panelGroup>
</h:panelGrid>
<h:panelGrid id="sort" columns="3" cellpadding="0" cellspacing="0" width="100%" border="0" columnClasses="btstyle" rendered="#{resWeiHu.showfenlei}">
<h:panelGroup>
<h:outputText value="一级分类:"> </h:outputText>
<h:selectOneListbox id="fenlei1" size="1" style="width:176px;" onchange="submit()" valueChangeListener="#{resWeiHu.topLevelChanged}" value="#{resWeiHu.fenlei1}">
<f:selectItems value="#{resWeiHu.topLevel}"/>
</h:selectOneListbox>
</h:panelGroup>
<h:panelGroup>
<h:outputText value="二级分类:"> </h:outputText>
<h:selectOneListbox id="fenlei2" size="1" style="width:176px;" onchange="submit()" valueChangeListener="#{resWeiHu.secondLevelChanged}" value="#{resWeiHu.fenlei2}">
<f:selectItems value="#{resWeiHu.secondLevel}"/>
</h:selectOneListbox>
</h:panelGroup>
<h:panelGroup>
<h:outputText value="三级分类:"> </h:outputText>
<h:selectOneListbox id="fenlei3" size="1" style="width:176px;" value="#{resWeiHu.fenlei3}">
<f:selectItems value="#{resWeiHu.thirdLevel}"/>
</h:selectOneListbox>
</h:panelGroup>
</h:panelGrid>
<f:verbatim>
</td>
<td background="images/line4.gif"> </td>
</tr>
<tr>
<td background="images/line3.gif" align="center"> </td>
<td bgcolor="#ffffff" align="center"></f:verbatim> <h:dataTable id="data" value="#{resWeiHu.dataModel}" var="forth" rows="10" border="1" cellpadding="0" cellspacing="1" width="100%">
<h:column>
<f:facet name="header">
<h:outputText id="headerText5" value="选择"/>
</f:facet>
<h:selectBooleanCheckbox id="selectBooleanCheckbox1" value="#{forth.editor}"/>
<h:message for="selectBooleanCheckbox1"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText1" value="资源名称"/>
</f:facet>
<h:outputText value="#{forth.name}" rendered="#{not forth.editor}"/>
<h:inputText value="#{forth.name}" rendered="#{forth.editor}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText2" value="教师"/>
</f:facet>
<h:outputText value="#{forth.teacher}" rendered="#{not forth.editor}"/>
<h:inputText value="#{forth.teacher}" rendered="#{forth.editor}" size="8" maxlength="8"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText9" value="制作时间"/>
</f:facet>
<h:outputText value="#{forth.tchdate}" converter="dateTimeConverter" rendered="#{not forth.editor}"/>
<h:inputText id="time" value="#{forth.tchdate}" rendered="#{forth.editor}" converter="dateTimeConverter" maxlength="10" size="10"/>
<h:message for="time"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="Text0" value="描述"/>
</f:facet>
<h:inputTextarea id="discription" value="#{forth.discription}" rendered="#{forth.editor}" rows="4" cols="20"/>
<h:message for="discription"/>
<h:outputText id="headerText13" value="#{forth.discription}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText10" value="序号"/>
</f:facet>
<h:outputText value="#{forth.sequence}" converter="integerConverter" rendered="#{not forth.editor}"/>
<h:inputText id="sequence" value="#{forth.sequence}" rendered="#{forth.editor}" converter="integerConverter" maxlength="4" size="3"/>
<h:message for="sequence"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText15" value="文件名"/>
</f:facet>
<h:outputText value="#{forth.filename}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText16" value="物理文件名"/>
</f:facet>
<h:outputText value="#{forth.phiplace}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText11" value="文件大小"/>
</f:facet>
<h:outputText value="#{forth.filesize}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText12" value="入库时间"/>
</f:facet>
<h:outputText value="#{forth.rukudate}" converter="dateTimeConverter"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText14" value="最后修改时间"/>
</f:facet>
<h:outputText value="#{forth.filemodifydate}" converter="dateTimeConverter"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText17" value="资源类型"/>
</f:facet>
<h:outputText value="#{forth.resourcetype}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText4" value="加密否"/>
</f:facet>
<h:outputText value="#{forth.yijiami}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText3" value="分发否"/>
</f:facet>
<h:outputText value="#{forth.yifenfa}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText6" value="三级分类"/>
</f:facet>
<h:outputText value="#{forth.drmThirdlevel.name}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText7" value="二级分类"/>
</f:facet>
<h:outputText value="#{forth.drmThirdlevel.drmSecondLevel.name}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText id="headerText8" value="一级分类"/>
</f:facet>
<h:outputText value="#{forth.drmThirdlevel.drmSecondLevel.drmTopLevel.name}"/>
</h:column>
</h:dataTable>
<corejsf:pager dataTableId="data" showpages="10" selectedStyleClass="currentPage"/>
<f:verbatim>
</td>
<td background="images/line4.gif"> </td>
</tr>
<tr>
<td width="10">
<img src="images/jiao3.gif" width="10" height="10">
</td>
<td background="images/line2.gif"> </td>
<td width="10">
<img src="images/jiao4.gif" width="10" height="10">
</td>
</tr>
</table>
</f:verbatim> </h:form>
</body>
</f:view>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS组件系列——Form表单验证神器： BootstrapValidator
- JS组件系列——Form表单验证神器： BootstrapValidator(转)
- jquery validate.js表单验证入门实例（附源码）
- JS组件Form表单验证神器BootstrapValidator
- 简单表单JS验证源码
- JS组件系列——Form表单验证神器： BootstrapValidator
- jquery validate.js表单验证入门实例（附源码）
- js原生表单验证组件
- [学习][记录][转]JS组件系列——Form表单验证神器： BootstrapValidator
- JS组件系列——Form表单验证神器： BootstrapValidator
- JS表单验证组件浅讲
- js实现表单验证（submit /button）
- Web_JavaScript_JS客户端表单数据验证;
- js在表单提交时的验证
- Html JS实现表单验证
- JS表单验证
- asp.net利用js进行form验证表单
- js验证表单大全
- JS实现的表单验证和强大的身份证
- jquery之ajax提交、js验证表单