Validator表单验证类使用说明
表单的验证一直是网页设计者头痛的问题,我佛山人编写的表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。Validator是基于JavaScript技术的伪静态类和对象的自定义属性,可以对网页中的表单项输入进行相应的验证,允许同一页面中同时验证多个表单,熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。因为是伪静态类,所以在调用时不需要实例化,直接以"类名+.语法+属性或方法名"来调用。此外,Validator还提供3种不同的错误提示模式,以满足不同的需要。
Validator目前可实现的验证类型有:
1.是否为空;
2.中文字符;
3.双字节字符
4.英文;
5.数字;
6.整数;
7.实数;
8.Email地址;
9.使用HTTP协议的网址;
10.电话号码;
11.货币;
12.手机号码;
13.邮政编码;
14.身份证号码(1.05增强);
15.QQ号码;
16.日期;
17.符合安全规则的密码;
18.某项的重复值;
19.两数的关系比较;
20.判断输入值是否在(n, m)区间;
21.输入字符长度限制(可按字节比较);
22.对于具有相同名称的单选按钮的选中判断;
23.限制具有相同名称的多选按钮的选中数目;
24.自定义的正则表达式验证;
25.文件上传格式过滤(1.04新增)。
语法:accept="string"
类型:字符串。 可选。
说明:设定表单项输入过滤,多用于type="file" 的上传控件,以限制允许上传的文件类型。该属性仅当dataType属性值为Filter时起作用。
语法:dataType="Require | Chinese | English | Number | Integer | Double | Email | Url | Phone | Mobile | Currency | Zip | IdCard | QQ | Date | SafeString | Repeat | Compare | Range | Limit | LimitB | Group | Custom | Filter "
类型:字符串。必选。
说明:用于设定表单项的输入数据验证类型。
选值说明:
可选值 验证功能
Require 必填项
Chinese 中文
English 英文
Number 数字
Integer 整数
Double 实数
Email Email地址格式
Url 基于HTTP协议的网址格式
Phone 电话号码格式
Mobile 手机号码格式
Currency 货币格式
Zip 邮政编码
IdCard 身份证号码
QQ Q号码
Date 日期
SafeString 安全密码
Repeat 重复输入
Compare 关系比较
Range 输入范围
Limit 限制输入长度
LimitB 限制输入的字节长度
Group 验证单/多选按钮组
Custom 自定义正则表达式验证
Filter 设置过滤,用于限制文件上传
验证表单
在表单中加上onsubmit事件,触发调用Validaotor的Validate方法,代码示例:
<form onSubmit="return Validator.Validate(this,3)" action="your_application_page" method="post">
... ...
</form>
Validate方法有两个可选参数,第一个为表单对象,如果是写在表单的onsubmit事件中,可以用this指代当前表单,默认值为事件源对象;第二个参数为错误提示模式,可选值为1,2和3,默认值为1。省略第二个参数时相当于使用Validate(objForm,1),省略第一个参数时相当于Validate(this,1)。注意,不可以省略第一个参数而只写第二个参数,Validate(,2)是错误的用法。
验证输入是否Email地址
代码示例:
<input name="Email" dataType="Email" msg="信箱格式不正确">
或
<input name="Email" dataType="Custom" regexp="^/w+([-+.]/w+)*@/w+([-.]//w+)*/./w+([-.]/w+)*$" msg="信箱格式不正确">
Validator的必要属性是dataType和msg(区分大小写),然后根据dataType值的不同,会引发出不同的属性。因为程序中已经集成Email地址格式的正则,所以可以直接用dateType="Email"进行验证,如果对Email地址的格式有不同的限制,可以用自定义的正则来验证(参考第二段代码)。
验证下拉菜单是否选中
代码示例:
<select name="Operation" dataType="Require" msg="未选择所用操作系统" >
<option value="">选择您所用的操作系统</option>
<option value="Win98">Win98</option>
<option value="Win2k">Win2k</option>
<option value="WinXP">WinXP</option>
</select>
注意,对于IE,在option中没写value属性时IE的解释引擎将自动设置其值为空,而Firefox时将自动设置其值为text属性址。例如,在示例代码中如果第一个option不写value属性,IE中将得到value为空,而Firefox为"选择您所用的操作系统"。
验证是否选中单选按钮组中的一个
代码示例:
广东<input name="Province" value="1" type="radio">
陕西<input name="Province" value="2" type="radio">
浙江<input name="Province" value="3" type="radio">
江西<input name="Province" value="4" type="radio" dataType="Group" msg="必须选定一个省份" >
对于单/多选按钮组的验证,dataType属性都为Group,然后只需在按钮组的最后一个写上dataType和msg属性。
注意,要成为单/多选按钮组,它们必须具有相同的name属性值。
限制多选按钮组的选中个数
代码示例:
运动<input name="Favorite" value="1" type="checkbox">
上网<input name="Favorite" value="2" type="checkbox">
听音乐<input name="Favorite" value="3" type="checkbox">
看书<input name="Favorite" value="4" type="checkbox"" dataType="Group" min="2" max="3" msg="必须选择2~3种爱好">
要限制多选按钮组的选中个数,必须设置min和max属性。min属性用于设定选中个数的下限,max为上限,默认时min为1,max为多选按钮组的个数。
简单的新闻增删改查系统
需积分: 0 5 浏览量
更新于2022-12-11
收藏 2.72MB ZIP 举报
【简单的新闻增删改查系统】是一个基于PHP和MySQL数据库技术构建的基础Web应用程序,主要用于实现新闻数据的管理功能。在Web开发中,这样的系统是学习和实践中常见的应用场景,它可以帮助开发者掌握基本的后端编程技能以及数据库操作。下面将详细阐述这个系统的核心知识点。
1. **PHP基础**:
PHP(Hypertext Preprocessor)是一种开源的服务器端脚本语言,尤其适合Web开发。在这个系统中,PHP用于处理用户请求,与数据库交互,以及动态生成HTML内容。了解PHP的基本语法、变量、数据类型、控制结构、函数等是理解这个系统的前提。
2. **MySQL数据库**:
MySQL是一个广泛使用的开源关系型数据库管理系统。在这个系统中,存储新闻数据的表被创建并维护在MySQL中。你需要理解SQL语言,包括SELECT、INSERT、UPDATE、DELETE等操作,以便进行数据的增删改查。同时,数据库设计,如表结构、主键、外键等概念也至关重要。
3. **CRUD操作**:
CRUD代表Create(创建)、Read(读取)、Update(更新)和Delete(删除),是任何数据管理系统的四个基本功能。在新闻系统中,用户可以创建新的新闻条目,查看现有条目,修改已有的条目,或者删除不再需要的条目。这些功能通过PHP脚本和SQL查询来实现。
4. **HTTP协议与表单提交**:
HTTP(超文本传输协议)是Web通信的基础,理解HTTP请求方法(GET、POST)及其在表单提交中的应用对于这个系统至关重要。用户通过填写表单,提交数据到服务器,这通常使用POST方法,而服务器返回结果时使用GET方法。
5. **MVC模式**:
虽然题目没有明确提到,但简单的新闻系统往往采用Model-View-Controller(MVC)架构。Model处理数据,View负责显示,Controller处理用户交互。理解这种设计模式有助于组织代码,提高可维护性和可扩展性。
6. **文件上传与管理**:
如果系统允许上传新闻相关的图片或附件,那么文件上传和管理也是关键部分。PHP提供了处理文件上传的功能,如`$_FILES`全局变量,以及安全检查和错误处理。
7. **安全性**:
在处理用户输入和数据库操作时,必须考虑到安全性。SQL注入和XSS攻击是常见的Web安全问题,应使用预处理语句、过滤用户输入、转义特殊字符等方式来防止。
8. **错误处理与日志记录**:
系统应当能够优雅地处理错误,并记录详细的日志信息,这对于调试和维护非常有用。PHP提供错误报告机制和日志功能,可以帮助开发者追踪问题。
9. **前端基础**:
虽然主要关注后端,但前端HTML、CSS和JavaScript同样重要。HTML用于构建网页结构,CSS负责样式,JavaScript可能用于表单验证和页面交互效果。
10. **响应式设计**:
随着移动设备的普及,响应式设计确保网站在不同屏幕尺寸上都能正常工作。理解媒体查询和Bootstrap框架等工具能帮助实现这一目标。
以上就是“简单的新闻增删改查系统PHP mysql”的主要知识点,通过实践和理解这些内容,你可以构建出一个功能完善的Web应用程序。
qq_42894888
- 粉丝: 0
- 资源: 7
最新资源
- 高可用k8s集群离线部署(五)
- 福泰轴承股份有限公司进销存系统pf-springboot毕业项目,适合计算机毕-设、实训项目、大作业学习.zip
- 程序设计基础课程设计实践教学指导书V1.0.doc
- 429大神JSP基于SSH2文件共享网站设计毕业课程源码设计
- 滑雪场管理系统--论文pf-springboot毕业项目,适合计算机毕-设、实训项目、大作业学习.zip
- 甘肃旅游服务平台代码--论文pf-springboot毕业项目,适合计算机毕-设、实训项目、大作业学习.zip
- 校园博客系统-springboot毕业项目,适合计算机毕-设、实训项目、大作业学习.zip
- 洞见研报南京芯驰半导体科技股份(汽车智能驾驶芯片研发商,北京芯驰半导体科技股份有限公司)创投信息
- 01) 并联型+APF有源电力滤波器,三相三线; 02) 谐波检测采用基于瞬时无功功率理论的ip-iq检测方法; 03) 采用电压外环+电流内环双闭环控制; 04) 电压外环:采用PI控制; 05)
- 洋州影院购票管理系统的设计与实现-springboot毕业项目,适合计算机毕-设、实训项目、大作业学习.zip
- 基于LabVIEW的虚拟仪器双音多频(DTMF)系统设计与实现及应用
- “有光”摄影分享网站系统pf-springboot毕业项目,适合计算机毕-设、实训项目、大作业学习.zip
- 基于yolov8的检测GUI程序
- cphy_rx_ref.zip
- 在线考试系统研究与实现_iq653-springboot毕业项目,适合计算机毕-设、实训项目、大作业学习.zip
- http抓包实验.docx