| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1209 人关注过本帖
标题:关于文章信息发表的样式问题(修改表单)
只看楼主 加入收藏
suxuan
Rank: 1
等 级:新手上路
帖 子:47
专家分:0
注 册:2010-5-27
结帖率:57.14%
收藏
已结贴  问题点数:20 回复次数:11 
关于文章信息发表的样式问题(修改表单)
如图所示,如何修改表单的必填项或增加删减选填项目。同时,能否修改课程内容样式,改为文章样式(一般添加文章样式,可以添加图片、表格、格式、字体等)
图片附件: 游客没有浏览图片的权限,请 登录注册


图片附件: 游客没有浏览图片的权限,请 登录注册
搜索更多相关主题的帖子: 表单 样式 
2010-06-29 16:45
suxuan
Rank: 1
等 级:新手上路
帖 子:47
专家分:0
注 册:2010-5-27
收藏
得分:0 
<!--#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>
这是添加课程的源码(如果可以修改,是否还需要修改其他代码,或数据库文件)
2010-06-29 16:46
hams
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:18
帖 子:912
专家分:3670
注 册:2008-7-30
收藏
得分:10 
基本上等于重新写一遍

俺不高手,俺也是来学习的。
俺的意见不一定就对,当你不认同时请点忽视按钮。
当走到十字路口不知该如何走时,可在论坛问下路,但你若希望别人能一路把你送到目的地,显然是不现实的,因为别人也有自己要走的路。
2010-06-30 11:52
suxuan
Rank: 1
等 级:新手上路
帖 子:47
专家分:0
注 册:2010-5-27
收藏
得分:0 
回复 3楼 hams
不能是根据代码,可以取消哪个必填项吗(比如说其中表单有个“上课时间”是必填的,能否从代码中更改为选填)。另外关于课程内容如果改为文档格式的话你是说就得重写吗?
2010-07-01 16:29
hams
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:18
帖 子:912
专家分:3670
注 册:2008-7-30
收藏
得分:0 
也许是我没明白你说的意思

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

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

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

另外,你提供只是前台的HTML,后台ASP才是重点。

俺不高手,俺也是来学习的。
俺的意见不一定就对,当你不认同时请点忽视按钮。
当走到十字路口不知该如何走时,可在论坛问下路,但你若希望别人能一路把你送到目的地,显然是不现实的,因为别人也有自己要走的路。
2010-07-02 09:00
myou841103
Rank: 2
等 级:论坛游民
帖 子:30
专家分:46
注 册:2009-9-28
收藏
得分:10 
if (fnRemoveBrank(theForm.name.value) == "")
  {
    alert("请输入课程名称!");
    theForm.name.focus();
    return (false);
这些判断是否必须填写,选填就不用写。。
2010-07-02 10:55
hams
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:18
帖 子:912
专家分:3670
注 册:2008-7-30
收藏
得分:0 
只修改前台的话,后台就容易出错

俺不高手,俺也是来学习的。
俺的意见不一定就对,当你不认同时请点忽视按钮。
当走到十字路口不知该如何走时,可在论坛问下路,但你若希望别人能一路把你送到目的地,显然是不现实的,因为别人也有自己要走的路。
2010-07-02 15:52
suxuan
Rank: 1
等 级:新手上路
帖 子:47
专家分:0
注 册:2010-5-27
收藏
得分:0 
回复 5楼 hams
因为培训课程添加这个出来后的效果比较繁琐(默认必填项实在没有多大必要),我是想改为选填的或直接删除掉,这样会不会对程序有影响,产生错误。另外说的内容添加这块,默认内容就像是txt文件内容一样,没有任何格式、也不能添加什么样式。我说的文章样式的就像我们在这个论坛中发表文章页一样的,可以设置文字大小、颜色、加粗、下划线、添加图片等等。这样在前台生成后要美观、实用,也符合目前的实际需要。更像是一个课程简章而不是简单无序的文字介绍。
2010-07-03 17:55
suxuan
Rank: 1
等 级:新手上路
帖 子:47
专家分:0
注 册:2010-5-27
收藏
得分:0 
回复 6楼 myou841103
在代码中怎样看哪些是必填项,哪些是选填项?如果直接从代码中修改的话会不会产生错误(比如把必选的改为选填的)
2010-07-03 18:00
hams
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:18
帖 子:912
专家分:3670
注 册:2008-7-30
收藏
得分:0 
可以设置文字大小、颜色、加粗、下划线、添加图片等等。——找一个别人的发贴例子看看

在代码中怎样看哪些是必填项,哪些是选填项?如果直接从代码中修改的话会不会产生错误(比如把必选的改为选填的) ——主要就是看对输入数据的验证程序

俺不高手,俺也是来学习的。
俺的意见不一定就对,当你不认同时请点忽视按钮。
当走到十字路口不知该如何走时,可在论坛问下路,但你若希望别人能一路把你送到目的地,显然是不现实的,因为别人也有自己要走的路。
2010-07-05 09:05
快速回复:关于文章信息发表的样式问题(修改表单)
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.027788 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved