对于表单验证,大家都不陌生,市面上太多太多的校验框架,其中不缺乏精品中的精品。小弟特此也开源发布一个小插件。没有其他目的,和大家一起分享下成果。
首先 先说下写这个插件的原因。最近在和某公司一起合作一个项目,合作公司用的DWR去和后台交互。而用dwr 无法使用一些市面上成熟的jquery 校验插件,而这些插件大部分都是 固定的 ajax 提交方式,对ajax调用进行了相应的封装。这样的话缺少了太多的自主性,我必须用插件中固定的写法。而对于DWR。。没有URL的调用方式。。更无法去使用。还有。有时候我们也会封装自己的ajax 函数 而在请求,回调后做其他的JS 处理。而对于市面上一些框架对于我们来说难免哟太多的舒服。而且配置起来太麻烦。。一写JS。。就要写一大堆配置项。。(PS:也可能有简单方便的。但是我没发现好的。有的话可以留言推荐下)
所以小弟不才。自己研究写了一套小插件,最近在调整CSS样式 和一些美化和后续的一些改善。。
这套插件在配置方面 我个人 觉得很方便,很简单。直接在HTML中 写入相应的参数。即可
例如:
<input type="text" id="inputtext" check-type="required"
min-max="3-5" min-message="字符长度不得小于3个字符"
max-message="字符长度不得超过5个字符"
required-message="文本不能为空!" >
这是一个文本校验是否为空,输入长度在3-5个字符。
check-type :校验类型
required-message:提示信息
min-max;最小与最大字符长度
现阶段支持的check-type 类型包括:
required :不能为空
number:数字类型
mail:邮件地址校验
char:必须为英文字符
chinese:必须为中文字符
mobile:手机号码校验
passWord:密码强度校验
confirmPwd:确认密码
dateYmd:日期格式
idCard:身份证号
二:前台调用方式:
为了达到轻量 简单方便 前台调用方式简单
<script>
$(function(){
$('#form').myValidate("subBtn",function(){
callbackFunction();
});
});
//在这个函数中我们可以做我们想做的任何操作。包括自定义封装的 ajax 方式
//完全抛弃其他校验框架固定的ajax 校验的规则束缚
function callbackFunction(){
alert("回调函数");
}
</script>
下面是效果图:
效果图2
效果图3
以上就是这套小插件的成果。。由于时间和工作的关系,小弟会抓紧时间美化与完善这套插件。尽快公布出来。如果喜欢的话不妨在项目中尝试下。绝对能为你剩下时间,更加自由。
- 大小: 49.4 KB
- 大小: 65.9 KB
- 大小: 59.2 KB
分享到:
相关推荐
JQuery作为一款轻量级、高性能的JavaScript库,提供了丰富的API来简化DOM操作,使得表单验证变得更加简单高效。本教程将深入探讨如何使用JQuery表单验证插件实现后天发送验证用户名是否存在的功能。 首先,我们需要...
jQuery作为一个轻量级、功能强大的JavaScript库,提供了丰富的插件来增强其功能,其中jQuery Validation Plugin(验证插件)便是用于表单验证的利器。本文将详细介绍jQuery验证插件1.11.1版本的特性、使用方法以及...
`jQuery`是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画效果和Ajax交互。它使得编写JavaScript代码变得更加简洁和高效。在表单验证中,`jQuery`可以轻松地监听表单事件,如`submit`或`input`,并实时...
jQuery验证框架是一款广泛应用于前端开发中的轻量级验证插件,它能够帮助开发者轻松实现对用户输入数据的有效性检查,确保表单数据的准确性和完整性。jQuery库的强大功能结合jQuery验证插件,可以使得网页交互更加...
`jqBootstrapValidation`是一个基于jQuery的轻量级验证框架,专门设计用于增强Bootstrap框架中的表单验证功能。这个框架的主要目标是提供一种简便的方法来确保用户输入的数据符合预设的规则,从而提高网页表单的用户...
Colorbox是一款轻量级的弹窗插件,适用于图片、HTML、IFrame和Ajax内容的显示。 10. **jQuery Timeago** 这个插件自动将日期和时间转换为“多久以前”的格式,非常适合展示动态更新的时间戳。 以上组件大大提高...
5. **插件集成**:该框架集成了许多常用的前端插件,如图表库Chart.js、日期时间选择器DateTimePicker、表单验证jQuery Validation等,这些插件为开发功能丰富的后台管理系统提供了便利。 6. **模板设计**:预设了...
标签"js"提醒我们,js-validation是基于JavaScript实现的,这意味着它具有良好的浏览器兼容性和轻量级的特性。无论是在桌面端还是移动端,只要目标环境支持JavaScript,就能顺利运行此验证框架。 总的来说,js-...
SimpleValidate是一款轻量级的JavaScript验证插件,专为jQuery设计,适用于那些不需即时(onfocus和onblur)验证,而是希望在表单提交时一次性进行验证和反馈的场景。它以其简洁的代码结构和易于使用的特点受到部分...
**jTools:轻量级JavaScript Web组件集合** jTools是一个专为Web开发者设计的轻量级JavaScript库,它集合了一系列常见的Web组件,旨在简化开发流程并提升用户体验。这个库的独特之处在于它的vanilla特性,意味着它...
jQuery是一个轻量级、高性能的JavaScript库,简化了DOM操作、事件处理和动画制作。对于表单验证,通常会配合使用jQuery Validation Plugin,这是一个流行的开源插件,提供了丰富的验证规则和自定义消息功能。通过...
开源Codeplex其主页简介:该组件是一个轻量级的.NET类库,使用流畅的接口定义和lambda表达式为构建一个业务类的验证规则(A small validation library for .NET that uses a fluent interface and lambda ...
jQuery 也有一系列工具辅助开发,比如`jQuery Migrate`帮助迁移老版本代码,`jQuery Slim`是轻量级版本,适合移动设备。 总结来说,jQuery 是一个强大的JavaScript库,提供了丰富的功能,简化了前端开发。无论你是...
Tomcat6.0版本是针对Java EE 5标准的,提供了高效且轻量级的Web应用服务器解决方案。该版本支持HTTP、HTTPS协议,能够处理静态HTML、动态JSP页面以及Servlet程序,是许多初学者和企业开发者的选择。 【MyEclipse...
"masterUI.zip" 是一个包含基于 Bootstrap 构建的轻量级后台模板的压缩包,专为 Web 后端开发者设计,旨在简化和加速开发流程。Bootstrap 是一个流行的开源前端框架,它提供了一系列预设的 CSS、JavaScript 和 HTML ...
JavaScript是一种轻量级的解释型编程语言,广泛应用于Web开发,特别是前端交互。在验证框架中,JavaScript通常用于实现客户端验证,即在用户提交表单前就进行数据检查,减少服务器负载,提高用户体验。JavaScript库...
10. Clean Form Validation - 一个轻量级的JavaScript验证框架,简化了验证过程。 11. Validate.js - 具备多种验证方法的框架,可以根据需要选择验证方式,灵活性高。 12. LiveValidation (非Prototype版本) - ...
标签中的"springmvc"指的是Spring的Model-View-Controller(MVC)框架,它是Spring为Web应用提供的轻量级架构模式。Spring MVC将应用逻辑、视图渲染和用户输入处理分离开来,使得代码更易于维护和扩展。在这个示例中...
1、NFine 是基于 C# 语言的极速 WEB + ORM 框架,其核心设计目标是开发迅速、代码量少、学习简单、功能强大、轻量级、易扩展,让Web开发更迅速、简单。能解决60%重复工作。为您节约更多时间,去陪恋人、家人和朋友...
Spring框架是一个轻量级的Java开发框架,它提供了一种用于管理和配置Java对象(即Bean)的方式,以及依赖注入(DI)和面向切面编程(AOP)等功能。在S2SH组合中,Spring主要负责处理业务层和数据访问层的管理,确保...