注册 登录
编程论坛 → ASP技术论坛

关于文章信息发表的样式问题（修改表单）

suxuan 发布于 2010-06-29 16:45， 1209 次点击
如图所示，如何修改表单的必填项或增加删减选填项目。同时，能否修改课程内容样式，改为文章样式（一般添加文章样式，可以添加图片、表格、格式、字体等）
只有本站会员才能查看附件，请 登录


只有本站会员才能查看附件，请 登录
11 回复
#2
suxuan2010-06-29 16:46
<!--#include file="../../conn/conn.asp"-->
<!--#include file="../../Inc/Commoncode.asp" -->
<!--#include file="../checkvalid.asp"-->
<%
If Not FRAdminLevel(312) Then
    Call ErrorMsg()
End If
%>
<html>
<head>
<title>添加培训课程</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../css/style<%=sk%>.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../inc/input.js"></script>
<script language="JavaScript">
<!--
//功能：去掉字符串前后空格
//返回值：去掉空格后的字符串
function fnRemoveBrank(strSource)
{
 return strSource.replace(/^\s*/,'').replace(/\s*$/,'');
}
function String.prototype.lenB()
{
return this.replace(/[^\x00-\xff]/g,"**").length;
}
function IsDate(DateString , Dilimeter)
{
if (DateString==null) return false;
if (Dilimeter=='' || Dilimeter==null)
Dilimeter = '-';
var tempy='';
var tempm='';
var tempd='';
var tempArray;
if (DateString.length<8 && DateString.length>10)
return false;  
tempArray = DateString.split(Dilimeter);
if (tempArray.length!=3)
return false;
if (tempArray[0].length==4)
{
tempy = tempArray[0];
tempd = tempArray[2];
}
else
{
tempy = tempArray[2];
tempd = tempArray[1];
}
tempm = tempArray[1];
var tDateString = tempy + '/'+tempm + '/'+tempd+' 8:0:0';//加八小时是因为我们处于东八区
var tempDate = new Date(tDateString);
if (isNaN(tempDate))
return false;
if (((tempDate.getUTCFullYear()).toString()==tempy) && (tempDate.getMonth()==parseInt(tempm)-1) && (tempDate.getDate()==parseInt(tempd)))
{
return true;
}
else
{
return false;
}
}
function Juge(theForm)
{
  if (fnRemoveBrank(theForm.login.value)== "")
    {
     alert("请输入会员帐号!");
    theForm.login.focus();
    return (false);
    }
    var objv = theForm.login.value;
    var pattern = /^[A-Za-z0-9]{4,20}$/;
    flag = pattern.test(objv);
    if (!flag)
    {
     alert("会员帐号：要求为4-20个字母或数字！请重新输入。");
     theForm.login.focus();
     return(false);
     }
  if (fnRemoveBrank(theForm.name.value) == "")
  {
    alert("请输入课程名称!");
    theForm.name.focus();
    return (false);
  }
  if (fnRemoveBrank(theForm.type.value) == "")
  {
    alert("请选择课程类别!");
    theForm.type.focus();
    return (false);
  }
  var objv = theForm.period.value;
  var pattern = /^[0-9]+$/;
  flag = pattern.test(objv);
  if(!flag)
  {
    alert("总学时：要求为数字!请重新输入。");
    theForm.period.focus();
    return (false);
   }
   var objv = theForm.fee.value;
  var pattern = /^[0-9]+$/;
  flag = pattern.test(objv);
  if(!flag)
  {
    alert("课程费用：要求为数字!请重新输入。");
    theForm.fee.focus();
    return (false);
   }
   if (fnRemoveBrank(theForm.train.value) == "")
  {
    alert("请输入培训机构!");
    theForm.train.focus();
    return (false);
  }
  if (fnRemoveBrank(theForm.province.value) == "")
  {
    alert("请选择所在省份!");
    theForm.province.focus();
    return (false);
  }
  if (!IsDate(fnRemoveBrank(theForm.begin.value)))
  {
    alert("请正确填写开课时间!");
    theForm.begin.focus();
    return (false);
  }
  if (fnRemoveBrank(theForm.schoolroom.value) == "")
  {
    alert("请输入上课地点!");
    theForm.schoolroom.focus();
    return (false);
  }
  if (!IsDate(fnRemoveBrank(theForm.schooltime.value)))
  {
    alert("请正确填写上课时间!");
    theForm.schooltime.focus();
    return (false);
  }
  if (fnRemoveBrank(theForm.trainer.value) == "")
  {
    alert("请输入主讲人名字!");
    theForm.trainer.focus();
    return (false);
  }
  if (fnRemoveBrank(theForm.introduce.value) == "")
  {
    alert("请输入课程介绍!");
    theForm.introduce.focus();
    return (false);
  }
  if ((theForm.introduce.value).lenB()>=8000)
  {
     alert("课程介绍太长了，要求不多于8000个字符!");
     theForm.introduce.focus();
     return (false);
  }
  if (fnRemoveBrank(theForm.address.value) == "")
  {
    alert("请输入通信地址!");
    theForm.address.focus();
    return (false);
  }
  if (fnRemoveBrank(theForm.post.value) != "")
  {
      var filter2=/^\s*[0-9]{6,6}\s*$/;
      if (!filter2.test(theForm.post.value))
       {
           alert("邮编只能为数字且是6位");
           theForm.post.focus();
           return (false);
      }   
   }
  if (fnRemoveBrank(theForm.contact.value) == "")
  {
    alert("请输入联系人!");
    theForm.contact.focus();
    return (false);
  }
  if (fnRemoveBrank(theForm.tel.value) == "")
  {
    alert("请输入联系电话!");
    theForm.tel.focus();
    return (false);
  }
   if (fnRemoveBrank(theForm.tel.value) != "")
  {
      var objv = fnRemoveBrank(theForm.tel.value);
      var pattern = /^[0-9-\s]+$/;
      flag = pattern.test(objv);
      if(!flag)
      {
        alert("电话号码：要求为数字0-9和-的组合!请重新输入。");
        theForm.tel.focus();
        return (false);
       }
   }
    if (fnRemoveBrank(theForm.fax.value) != "")
  {
      var objvs = fnRemoveBrank(theForm.fax.value);
      var patterns = /^[0-9-\s]+$/;
      flag = patterns.test(objvs);
      if(!flag)
      {
        alert("传真号码：要求为数字0-9和-的组合!请重新输入。");
        theForm.fax.focus();
        return (false);
       }
   }
  var objv = theForm.email.value;
  var pattern = /^([a-zA-Z0-9_-])+(\.([a-zA-Z0-9_-])+)*@([a-zA-Z0-9_-])+(\.([a-zA-Z0-9_-])+)+$/;
  flag = pattern.test(objv);
  if(!flag)
  {
    alert("电子邮件：格式不正确！请重新输入。");
    theForm.email.focus();
    return (false);
  }
  var objvss = fnRemoveBrank(theForm.url.value);
  var patternss = /^[a-zA-Z0-9_-_/_:_.]+$/;
  flag = patternss.test(objvss);
  if(!flag)
  {
    alert("机构网址不能为汉字!");
    theForm.url.focus();
    return (false);
 }
 }
//-->
</script>
</head>

<body>
<table width="100%" border="0" align="center" cellpadding="2" cellspacing="1" class="tableBorder">
  <tr>
    <th height="25">教育培训管理</th>
  </tr>
  <tr>
    <td height=25 style="border-bottom:1px #cccccc solid"><b>　<span class="style1">管理选项：</span></b><a href="train_searchlist.asp">培训机构管理</a> | <a href="train_add.asp">培训机构添加</a> | <a href="course_searchlist.asp">培训课程管理</a> | <a href="courseadd.asp">培训课程添加</a> | <a href="course_type.asp">课程类别管理</a> | <a href="course_type.asp?action=add">课程类别添加</a> | <a href="trainer_searchlist.asp">培训师管理</a> | <a href="trainer_add.asp">培训师添加</a> | <a href="course_signup.asp">报名管理</a> [<a href="javascript:location.reload()">刷新页面</a>]</td>
  </tr></table>  
<table width="100%" align="center" border="0" cellpadding="2" cellspacing="1" class="tableBorder">
<tr>
  <th height=25 colspan="2" class="tableHeaderText">添加培训课程</th>
  </tr>
<form name="courseadd" method="post" action="course_save.asp" onSubmit="return Juge(this)">
  <tr >
    <td height="25" colspan="2">&nbsp;注：标记<font color="#cc0000">*</font>符号的为必填项目。</td>
  </tr>
   <tr>
        <td width="20%" align="right"><font color="#FF6600">*</font> 会员帐号：</td>
        <td width="80%"><input name=login id="login" size=20 maxlength=20> （为字母或数字，4-20个字符）</td>
   </tr>
  <tr >
    <td width="20%" height="25" align="right"><font color="#FF6600">*</font> 课程名称：</td>
    <td width="80%"> <input name="name" type="text" id="name" size="50" maxlength="50"></td>
  </tr>
  <tr >
    <td height="25" align="right"> <font color="#FF6600">*</font> 课程类别：</td>
    <td><font color="#FF6600">
      <select name="type" id="type">
        <option value=""></option>
        <%
       set rs=server.createobject("adodb.recordset")
       sql="select * from job_course_type"
       rs.open sql,conn,1,1
       do while not rs.eof
           response.write"<OPTION value="&rs("type_id")&">"&rs("type_name")&"</option>"
         rs.movenext
         loop
         rs.close
        %>
      </select>
    </font> <a href="course_type.asp?action=add">类别添加</a></td>
  </tr>
  <tr >
    <td height="25" align="right"> 培训对象：</td>
    <td> <input name="object" type="text" id="object" size="50" maxlength="100">    </td>
  </tr>
  <tr >
    <td height="25" align="right">培训目的：</td>
    <td><font color="#FF6600">
      <input name="aim" type="text" id="aim" size="50" maxlength="100">
      </font></td>
  </tr>
  <tr >
    <td height="25" align="right">可获证书：</td>
    <td> <input name="certificate" type="text" id="certificate" size="50" maxlength="100">    </td>
  </tr>
  <tr >
    <td height="25" align="right"><font color="#FF6600">*</font> 总 学 时：</td>
    <td> <input name="period" type="text" id="period" size="5" maxlength="5">
      课时 （请填写数字）</td>
  </tr>
  <tr >
    <td height="25" align="right"> <font color="#FF6600">* </font>培训费用：</td>
    <td> <input name="fee" type="text" id="fee" size="10" maxlength="100">
      人民币（请填写数字）</td>
  </tr>
  <tr >
    <td height="25" align="right"><font color="#FF6600">* </font>培训机构：</td>
    <td><font color="#FF6600">
      <input name="train" type="text" id="train" size="50" maxlength="50">
    </font> （<font color="#FF0000">请正确填写培训机构</font>）</td>
  </tr>
<tr>
    <td align="right"><font color="#ff6600">＊</font>所在地区：</td>
    <td><select name="province" size="1" id="select5" onChange="changeProvince(document.courseadd.province.options[document.courseadd.province.selectedIndex].value)">
        <option value="">选择省</option>
        </select>        
        <select name="capital" onChange="changeCity(document.courseadd.capital.options[document.courseadd.capital.selectedIndex].value)">
        <option value="">选择市</option>
        </select>
        <select name="city">
        <option value="">选择区</option>
        </select>
    </td>
  </tr>
  <tr >
    <td height="25" align="right"> <font color="#FF6600"> *</font> 开课时间：</td>
    <td><font color="#FF6600">
      <input name="begin" type="text" id="begin2" size="30" maxlength="50">
    </font> 如：2008-2-10 </td>
  </tr>
  <tr >
    <td height="25" align="right"><font color="#FF6600">*</font> 上课地点：</td>
    <td> <input name="schoolroom" type="text" id="schoolroom" size="50" maxlength="100"></td>
  </tr>
  <tr >
    <td height="25" align="right"><font color="#FF6600">*</font> 上课时间：</td>
    <td><font color="#FF6600">
      <input name="schooltime" type="text" id="schooltime" size="30" maxlength="50">
    </font> 如：2008-1-20 </td>
  </tr>
  <tr >
    <td height="25" align="right"><font color="#FF6600">*</font> 主 讲 人：</td>
    <td><input name="trainer" type="text" id="trainer" size="20" maxlength="25">    </td>
  </tr>
  <tr >
    <td height="25" align="right"><font color="#FF6600">*</font> 课程介绍：</td>
    <td><textarea name="introduce" cols="55" rows="12" id="introduce"></textarea></td>
  </tr>
  <tr >
    <td height="25" align="right"><font color="#FF6600">*</font> 通信地址：</td>
    <td> <input name="address" type="text" id="address" size="50" maxlength="50"></td>
  </tr>
  <tr >
    <td height="25" align="right">邮&nbsp;&nbsp;&nbsp; 编：</td>
    <td> <input name="post" type="text" id="post" size="6" maxlength="6">      </td>
  </tr>
  <tr >
    <td height="25" align="right"><font color="#FF6600">*</font> 联 系 人：</td>
    <td> <input name="contact" type="text" id="contact" size="20" maxlength="25"></td>
  </tr>
  <tr >
    <td height="25" align="right"><font color="#FF6600">* </font>电&nbsp;&nbsp;&nbsp; 话：</td>
    <td> <input name="tel" type="text" id="tel" size="30" maxlength="100"></td>
  </tr>
  <tr >
    <td height="25" align="right">传<font color="#FF6600">  &nbsp;&nbsp; </font>真：</td>
    <td> <input name="fax" type="text" id="fax" size="30" maxlength="100">    </td>
  </tr>
  <tr >
    <td height="25" align="right"><font color="#FF6600">*</font>&nbsp;&nbsp; E-MAIL：</td>
    <td> <input name="email" type="text" id="email" size="30" maxlength="100"></td>
  </tr>
  <tr >
    <td height="25" align="right">机构网址：</td>
    <td> <input name="url" type="text" id="url" value="http://" size="50" maxlength="100"> <span class="tdcolor">*必须以“http://”开头 </span>    </td>
  </tr>
  <tr >
      <TD height=50 colSpan=2 vAlign=bottom> <P align=center>&nbsp;&nbsp;&nbsp;
          <input name="submitdd" type="submit"  class=inputs  value=" 添 加 ">
          <input name="reset" type="reset" class=inputs value=" 还 原 ">
      </P></TD>
  </tr>
  </form>
</table>
<!--#include file="../inc/copy.asp" -->
</body>
</html>
<script language = "JavaScript" src="../../js/GetProvince.js"></script>
<script language = "JavaScript">
function changeProvince(selvalue)
{
document.courseadd.capital.length=0;
document.courseadd.city.length=0;
var selvalue=selvalue;      
var j,d,mm;
d=0;
for(j=0;j<provincearray.length;j++)
    {
        if(provincearray[j][1]==selvalue)
        {
            if (d==0)
            {
            mm=provincearray[j][2];
            }
        var newOption2=new Option(provincearray[j][0],provincearray[j][2]);
        document.all.capital.add(newOption2);
        d=d+1;   
        }        
        if(provincearray[j][1]==mm)
        {        
            var newOption3=new Option(provincearray[j][0],provincearray[j][2]);
            document.all.city.add(newOption3);
        }            
    }
}
function changeCity(selvalue)  
{
    document.courseadd.city.length=0;  
    var selvalue=selvalue;
    var j;
    for(j=0;j<provincearray.length;j++)
    {
        if(provincearray[j][1]==selvalue)
        {
            var newOption4=new Option(provincearray[j][0],provincearray[j][2]);
            document.all.city.add(newOption4);
        }
    }
}
function selectprovince()
{
    var j;
    for(j=0;j<provincearray.length;j++)
    {
        if(provincearray[j][1]==0)
        {
            var newOption4=new Option(provincearray[j][0],provincearray[j][2]);
            document.all.province.add(newOption4);
        }
    }
}
selectprovince();
</script>
这是添加课程的源码（如果可以修改，是否还需要修改其他代码，或数据库文件）
#3
hams2010-06-30 11:52
基本上等于重新写一遍
#4
suxuan2010-07-01 16:29
回复 3楼 hams
不能是根据代码，可以取消哪个必填项吗（比如说其中表单有个“上课时间”是必填的，能否从代码中更改为选填）。另外关于课程内容如果改为文档格式的话你是说就得重写吗？
#5
hams2010-07-02 09:00
也许是我没明白你说的意思

如何修改表单的必填项——怎么个修改法？把必填改为选填？还是改名称？两者对程序的修改区别很大

或增加删减选填项目。——这个简单

同时，能否修改课程内容样式，改为文章样式（一般添加文章样式，可以添加图片、表格、格式、字体等）——不明白

另外，你提供只是前台的HTML，后台ASP才是重点。
#6
myou8411032010-07-02 10:55
if (fnRemoveBrank(theForm.name.value) == "")
  {
    alert("请输入课程名称!");
    theForm.name.focus();
    return (false);
这些判断是否必须填写，选填就不用写。。
#7
hams2010-07-02 15:52
只修改前台的话，后台就容易出错
#8
suxuan2010-07-03 17:55
回复 5楼 hams
因为培训课程添加这个出来后的效果比较繁琐（默认必填项实在没有多大必要)，我是想改为选填的或直接删除掉，这样会不会对程序有影响，产生错误。另外说的内容添加这块，默认内容就像是txt文件内容一样，没有任何格式、也不能添加什么样式。我说的文章样式的就像我们在这个论坛中发表文章页一样的，可以设置文字大小、颜色、加粗、下划线、添加图片等等。这样在前台生成后要美观、实用，也符合目前的实际需要。更像是一个课程简章而不是简单无序的文字介绍。
#9
suxuan2010-07-03 18:00
回复 6楼 myou841103
在代码中怎样看哪些是必填项，哪些是选填项？如果直接从代码中修改的话会不会产生错误（比如把必选的改为选填的）
#10
hams2010-07-05 09:05
可以设置文字大小、颜色、加粗、下划线、添加图片等等。——找一个别人的发贴例子看看

在代码中怎样看哪些是必填项，哪些是选填项？如果直接从代码中修改的话会不会产生错误（比如把必选的改为选填的） ——主要就是看对输入数据的验证程序
#11
suxuan2010-07-06 18:38
回复 10楼 hams
只有本站会员才能查看附件，请 登录

我说的发布内容就是这个意思。像这样的。这样发布的内容不是可以按自定义格式发布，而默认这种只是一个空白框，内容向txt文档样式的。
#12
hams2010-07-07 08:54
找个论坛的源码看一下吧
1
©2025, BC-CN.NET
电脑版