
验证实时插件推荐
对于需要实时验证且不想做出大幅改动的需求,推荐使用 validform 插件。
validform 插件介绍
validform 是一个 jquery 验证插件,它不仅支持实时验证,还提供了大量的验证规则,可以满足大多数验证需求。该插件易于集成,不需要对页面进行大的改动。
安装使用
要在项目中使用 validform,请执行以下步骤:
- 下载 validform 插件文件并将其包含在页面中:
- 在表单中添加 class="form-validate" 属性:
- 初始化 validform 插件:
$(function() {
$(".form-validate").validform();
});验证规则
一套面向小企业用户的企业网站程序!功能简单,操作简单。实现了小企业网站的很多实用的功能,如文章新闻模块、图片展示、产品列表以及小型的下载功能,还同时增加了邮件订阅等相应模块。公告,友情链接等这些通用功能本程序也同样都集成了!同时本程序引入了模块功能,只要在系统默认模板上创建模块,可以在任何一个语言环境(或任意风格)的适当位置进行使用!
validform 提供了丰富的验证规则,包括:
- 必填
- 长度限制
- 正则表达式
- 范围比较
- ajax 验证
实时验证
validform 支持实时验证,当表单元素失去焦点时,即会触发验证。如果验证不通过,表单元素旁边会显示相应的错误提示。
使用示例
以下是一个简单的使用示例,展示如何使用 validform 来验证必填和邮箱格式:
$(function() {
$(".form-validate").validform();
});通过将 datatype="*" 和 datatype="e" 属性添加到输入元素,validform 将分别验证它们为必填和邮箱格式。









