C# 结合 JavaScript 对 Web 控件进行数据输入验证

05-28 1554阅读

目录

关于数据验证

范例运行环境

验证设计

JavaScript 方法

设计

实现

调用示例

C# 方法

设计

实现

调用示例

小结


关于数据验证

在 Web 应用的录入界面,数据验证是一项重要的实现功能,数据验证是指确认 Web 控件输入或选择的数据,是否满足数据表数据约束,是否满足应用程序所需要数据约束规则。建立数据库约束可以满足数据验证的应用,但在实际的应用中,我们建议还是在更新信息到数据库前,在应用中执行数据验证,这样可减少错误录入,减少应用程序与数据库之间频繁通信造成的服务器压力。通过有效的数据验证,可以确认写入数据表中的数据是有效且符合预期的。本文我们将介绍如何通过C# 后端及JavaScript 前端对 Web 控件进行数据输入有效性的验证。

范例运行环境

操作系统: Windows Server 2019 DataCenter

.net版本: .netFramework4.7.1 或以上

开发工具:VS2019  C#

验证设计

通过对 Web 服务器控件捆绑自定义属性 checkSchema="" 和 cName="",将自定义的校验类型和中文提示进行赋值,即可完成验证的设置,可实现的校验类型如下图所示:

C# 结合 JavaScript 对 Web 控件进行数据输入验证

多个数据校验类型请用“|”进行分隔,如下设计举例:

示例 1:不能为空且必须为日期型数据

 

示例 2:必须为身份证号

 

示例3:必须输入4位的一个整型数 

 

JavaScript 方法

设计

在前端客户端,使用 JavaScript 方法 simplecheck 进行数据验证,验证通过反回 true,否则为 false,其参数说明如下表:

序号参数名类型说明
1chkobjdom元素对象如传递一个 input type="text" 的对象
2_chkvalue字符串值dom元素对象的值,如 value 属性值
3allowAlert布尔值

当验证错误时是否允许弹出alert提示框,true为允许

4etip字符串值

附加的前缀提示信息,后缀为方法提供的定义的错误提示信息

实现

simplecheck 方法完整代码如下:

function simplecheck(chkobj, _chkvalue, allowAlert,etip) {
        check_result = true; check_errid = ''; check_errmsg = '';var _checkSchema = chkobj.getAttribute('checkSchema');var _cName = chkobj.getAttribute('cName');
        if (_checkSchema.indexOf('ctrim') != -1) { _chkvalue = ctrim(_chkvalue); } var _objlength = _chkvalue.length; if (_checkSchema.indexOf('abslen') != -1) { _objlength = PositionLen(_chkvalue); }
        var _schemaList = _checkSchema.split('|'); var _reqeustnotnull = false;
        for (var k = 0; k =0的正数,请核对!'; break; case curSchema == 'snumber': check_result = isSNumber(_chkvalue); curErrmsg = _cName + ' 输入的数值应为
VPS购买请点击我

文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。

目录[+]