web前端开发教程之编写简洁的页面表单验证程序

本文介绍了一种简洁的JavaScript表单验证程序vForm1.0beta的编写,包括http地址、时间日期、e-mail、数字等验证功能。程序扩展性强,兼容性好,不使用alert()提示,而是通过自定义div展示错误信息。通过添加验证规则,可应用于各种表单场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

看了山人表单验证,又看了其他一些验证程序和相关的一些参考资料,写出了一个比较简洁的js表单验证程序。

功能简述

验证:

  • http地址
  • 时间日期
  • e-mail
  • 数字
  • 字符长度检查
  • 一项输入与另一项输入比较(例如:密码的确认输入)
  • 大小比较(只能有一个比较符号)

特点

  • 扩展容易,可以方便的添加自己需要的验证方式
  • 兼容性好(ie5,6 firefox,oprea)
  • 可用性好,没有使用alert()来弹出提示

编写思路

整个程序的结构及较简单,为了能够验证一些常用的格式,先对js的内置对象进行了扩展。比如:

String.prototype.isUrl = function(){
var url = /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/;
var tmpStr = this;
return url.test(tmpStr);
}

这个用来验证http地址。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值