[卡国17天传说4]ASP会员管理第四章资料输入及表单验证

作者: 分类: 联盟天地 发布于:2020-06-09 787次浏览 61条评论


第四章 基本资料输入及表单验证
在上一章我们建立好了资料库,在这个章节我们要建立输入表单以及验证表单资料。
下图是我们建立好的输入表单,程式码请各位直接打开附档来看。
[卡国17天传说4]ASP会员管理第四章资料输入及表单验证
在送出资料前我们需要做资料的验证。为什幺要验证?
比如说我们有个栏位要输入生日68年5月7日,如果我们不加验证,直接把输入的资料抓来用,会发生怎幺情况呢?680507,68.5.7,68.05.07,甚至是西元19790507或是1979.5.7,各种不同的格式都有可能发生,若不加以验证,依照我们规定的格式输入的话,在资料的正确性及往后的查询必会造成相当大的问题。
因此在按下「送出」的同时,我们必需要进行资料的验证。
在这边範例中使用了javascript来验证空值和正规式。
在form的标籤加上onsubmit的事件onsubmit="return checkData"
若不符合格式,则返回讯息及false
举例来说,我们定义一个手机的正规式,规则是必需全为数字组成,长度为10个数字,且为09开头,写法如下
//手机号码正规式
function isMobile{
var str = s;
var reg = /^09\d{8}$/;
return reg.test;
}
验证方法如下
var Mobile = $.value;
if){
alert;
$.focus;
return false;
}
若不符合格式则会跳出以下讯息,不送出表单并focus在输入手机号码的栏位
[卡国17天传说4]ASP会员管理第四章资料输入及表单验证
验证通过后再将资料送到后端进行资料的写入。
按下送出后,没出现错误,那应该是成功了吧。去资料库看看,果然出现了刚才填入的表单!
[卡国17天传说4]ASP会员管理第四章资料输入及表单验证
每新增一笔就打开资料库看一次真是太麻烦了,我们需要一个列表。
下图是做好的列表,除了基本的资料外,为了增加可阅读性,也加上了css的滑鼠移动变色,并且把「新增」、「修改」、「删除」的按钮也做出来,顺便加上了资料笔数。
[卡国17天传说4]ASP会员管理第四章资料输入及表单验证
看一下前端AddMember.asp的程式码



同一张表单内存在着3个同名称,类型都是submit并且各有不同的value
为什幺要这样设计呢?
来看一下后端actListMember.asp的程式码,这是submit后的页面
程式的一开始先接收前端传来的submit值,依据取得的值再去判断要进行的动作
<%
submit = request
Select Case submit
Case "新增"
response.Redirect
Case "修改"
Case "删除"
End Select
%>
这样做的目的是不管新增、修改或删除都是送到后端同一个档案做处理,在管理上相当的方便。
测试一下按下新增后,进行的动作是跳转页面到AddMember.asp也就是新增会员的页面。这样是不是简单多了!

<<上一篇: