我的OA笔记(1) -- 简单的页面验证
接触.NET也有一段时间了，但是没有实际做过什么东西，最近跟着老师一起做一个OA系统，由于没有经验，所以过程当中遇到很多问题。我相信随着问题的解决，我会学到不少东西，毕竟这是实实在在的在做一个项目。
在这儿，我将过程当中学到的一些东西记录下来，作为自己的知识积累。也许这些东西不是较好的实现方案，但是随着知识的积累，相信我会学会较好的方案的。
这是一个活动的录入页面，填好表单点击提交后，将表单数据写入数据库中，但是要求在写入数据库前进行前台的验证，如果有数据没有填，就进行提示，不写入数据库；否则就将数据写入数据库。
用到“后台按钮先执行前台验证再执行后台代码”——
<asp:ImageButton ID="ibtnSubmit" runat="server" src="../images/icon_submit.gif"
OnClientClick="event.returnValue=messagebox();" onclick="ibtnSubmit_Click" />
页面代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ActAdd.aspx.cs" Inherits="Web.Student.Activity.ActAdd" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>活动录入</title>
<link rel="stylesheet" type="text/css" href="../css/ext-all.css" />
<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../js/datepicker.js"></script>
<script type="text/javascript" src="../js/ext-base.js"></script>
<script type="text/javascript" src="../js/ext-all.js"></script>
<script type="text/javascript" src="../js/msg-box.js"></script>
<script type="text/javascript" src="../js/examples.js"></script>
<script type="text/javascript">
/*
*主函数，入口
*/
$(document).ready(function(){
//活动时间控件
$('#txtActDate').DatePicker({
format:'Y-m-d',
date: $('#txtActDate').val(),
current: $('#txtActDate').val(),
starts: 0,
position: 'bottom',
onBeforeShow: function(){
$('#txtActDate').DatePickerSetDate($('#txtActDate').val(), true);
},
onChange: function(formated, dates){
$('#txtActDate').val(formated);
}
});
});
function messagebox(){
var msg = "";
if(document.getElementById("txtActName").value=="")
{
msg += "活动名称不能为空！<br />";
}
if(document.getElementById("txtActTopic").value=="")
{
msg += "活动主题不能为空！<br />";
}
if(document.getElementById("txtActPlace").value=="")
{
msg += "活动地点不能为空！<br />";
}
if(document.getElementById("txtActDate").value=="")
{
msg += "活动时间不能为空！<br />";
}
if(document.getElementById("txtActSponsor").value=="")
{
msg += "发起人不能为空！<br />";
}
if(document.getElementById("txtActOrganizer").value=="")
{
msg += "组织人不能为空！<br />";
}
if(document.getElementById("txtActApprover").value=="")
{
msg += "审批人不能为空！<br />";
}
if(msg != "")
{
Ext.MessageBox.alert('注意！',msg);
return false;
}
else
{
return true;
}
}
</script>
<style type="text/css">
* {
margin:0px;
}
body {
font-size:12px;
background-color:transparent;
}
.input_area{
margin-bottom:2px;
height:auto;
}
.input_area fieldset{
height:auto;
padding:2px;
border:#999 1px solid;
}
.input_area fieldset legend{
margin-left:5px;
padding:2px 5px;
border:#999 1px solid;
}
.input{
border:#999 1px solid;
height:16px;
margin:1px;
width:120px;
}.style1{
color: #FF0000;
}
</style>
<link href="../css/datepicker.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div class="input_area">
<fieldset>
<legend>活动详情</legend>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="right">
活动班级：</td>
<td align="left">
<asp:DropDownList ID="dropClassID" runat="server" >
</asp:DropDownList>
</td>
</tr>
<tr>
<td align="right">
活动名称：</td>
<td align="left">
<asp:TextBox id="txtActName" runat="server" class="input" ></asp:TextBox>
<span class="style1">*</span></td>
</tr>
<tr>
<td align="right">
活动类型：</td>
<td align="left">
<asp:DropDownList ID="dropActType" runat="server" >
</asp:DropDownList>
</td>
</tr>
<tr>
<td align="right">
活动主题：</td>
<td align="left">
<asp:TextBox id="txtActTopic" runat="server" class="input" ></asp:TextBox>
<span class="style1">*</span></td>
</tr>
<tr>
<td align="right">
组织部门：</td>
<td align="left">
<asp:TextBox id="txtActDepartment" runat="server" class="input" ></asp:TextBox>
</td>
</tr>
<tr>
<td align="right">
活动地点：</td>
<td align="left">
<asp:TextBox id="txtActPlace" runat="server" class="input" ></asp:TextBox>
<span class="style1">*</span></td>
</tr>
<tr>
<td align="right">
活动时间：</td>
<td align="left">
<asp:TextBox id="txtActDate" runat="server" class="input" ></asp:TextBox>
<span class="style1">*</span></td>
</tr>
<tr>
<td align="right">
发起人：</td>
<td align="left">
<asp:TextBox id="txtActSponsor" runat="server" class="input" ></asp:TextBox>
<span class="style1">*</span></td>
</tr>
<tr>
<td align="right">
组织人：</td>
<td align="left">
<asp:TextBox id="txtActOrganizer" runat="server" class="input" ></asp:TextBox>
<span class="style1">*</span></td>
</tr>
<tr>
<td align="right">
审批人：</td>
<td align="left">
<asp:TextBox id="txtActApprover" runat="server" class="input" ></asp:TextBox>
<span class="style1">*</span></td>
</tr>
<tr>
<td align="right">
活动记录：</td>
<td align="left">
<asp:FileUpload ID="fupActRecord" runat="server" class="input" />
</td>
</tr>
<tr>
<td align="right">
活动录像：</td>
<td align="left">
<asp:FileUpload ID="fupActVideo" runat="server" class="input" />
</td>
</tr>
<tr>
<td align="right">
活动相片：</td>
<td align="left">
<asp:FileUpload ID="fupActphoto" runat="server" class="input" />
</td>
</tr>
<tr>
<td align="right">
备注信息：</td>
<td align="left">
<asp:TextBox id="txtMemo" runat="server" class="input" Width="283px" Height="64px"
TextMode="MultiLine"></asp:TextBox>
</td>
</tr>
<tr>
<td>
</td>
<td align="right">
<asp:ImageButton ID="ibtnSubmit" runat="server" src="../images/icon_submit.gif"
OnClientClick="event.returnValue=messagebox();" onclick="ibtnSubmit_Click" />
</td>
</tr>
</table>
</fieldset>
</div>
</form>
</body>
</html>
浙公网安备 33010602011771号