`
xiongjiuliang
  • 浏览: 44763 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery-validate

阅读更多
jquery的验证框架使用

jqury为我们提供了很多优秀的插件,同时jquery的扩展性和兼容性也非常好。

最近告别了java开发,频繁的使用jquery、js、ext等前端开发语言。

jquery-validate的简单应用;

$("#validateFormId").validate({   //要验证表单的ID   
        rules: {  
            fromName: "required"  //fromName 表单中的name
        },  
        messages: {  
           fromName:'必填字段'  //这里是验证提示信息
    });  


rules还有一些字段提供包括:
(1)required:true               必输字段
(2)remote:"check.php"          使用ajax方法调用check.php验证输入值
(3)email:true                  必须输入正确格式的电子邮件
(4)url:true                    必须输入正确格式的网址
(5)date:true                   必须输入正确格式的日期
(6)dateISO:true                必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
(7)number:true                 必须输入合法的数字(负数,小数)
(8)digits:true                 必须输入整数
(9)creditcard:                 必须输入合法的信用卡号
(10)equalTo:"#field"           输入值必须和#field相同
(11)accept:                    输入拥有合法后缀名的字符串(上传文件的后缀)
(12)maxlength:5                输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10               输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)range:[5,10]               输入值必须介于 5 和 10 之间
(16)max:5                      输入值不能大于5
(17)min:10                     输入值不能小于10


messages与rules字段相符。

注意:更改提示信息的现实位置方法
分享到:
评论

相关推荐

    jquery-validate-1.4.0

    jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

    基于Bootstrap与jQuery-validate的个人封装检验框架demo

    在IT领域,前端开发是构建用户界面的关键部分,而Bootstrap和jQuery-validate是两个非常流行的工具,用于提升网页设计和表单验证的效率。本项目"基于Bootstrap与jQuery-validate的个人封装检验框架demo"是一个很好的...

    Jquery-validate表单js源文件与使用文档,让你轻松运用jquery进行表单校验各种表单

    《jQuery-validate:轻松掌握表单验证的神器》 在网页开发中,表单验证是必不可少的一环,它能确保用户输入的数据符合预期,提高用户体验,防止无效数据提交到服务器。jQuery-validate是一个强大的JavaScript库,专...

    jquery-validate前台验证框架,带详细使用方法

    根据给定的信息,本文将详细介绍jquery-validate前端验证框架的相关知识点,包括其基本概念、使用方法以及部分具体的验证规则实现。 ### 一、jquery-validate简介 `jquery-validate`是一款基于jQuery的强大表单...

    AmezeUI框架+jquery-validate

    本项目涉及的知识点主要集中在"AmezeUI框架"和"jquery-validate"这两个工具的结合使用上,用于实现一个高效的注册验证系统。 首先,**AmezeUI框架**是一个专为移动互联网设计的前端框架,它提供了丰富的组件和样式...

    jquery-validate验证框架使用详解及JS文件

    《jQuery Validate验证框架详解与JS应用》 在Web开发中,表单验证是不可或缺的一环,它确保用户输入的数据符合预设的规则,避免无效数据的提交,提高用户体验。jQuery Validate是一个强大的验证插件,它简化了...

    前端项目-jquery-validate.zip

    `jquery-validate` 是一个非常流行的 jQuery 插件,用于实现高效、灵活的客户端表单验证。这个压缩包"前端项目-jquery-validate.zip"包含了一个基于 `jquery-validation` 的前端项目,它简化了在网页中实施验证的...

    FormValidator.zip(使用jquery-validate实现注册界面表单验证)

    1. **引入库**:首先,需要在页面中引入 jQuery 和 `jquery.validate.min.js` 文件,确保插件可用。 2. **HTML 结构**:创建一个包含各种输入字段(如用户名、密码、确认密码、邮箱等)的注册表单。 3. **...

    基于Bootstrap与jQuery-validate的个人封装检验框架实例

    基于Bootstrap与jQuery-validate的个人封装检验框架demo,拥有良好的UI与用户体验.博客地址:http://blog.csdn.net/u010506919/article/details/75137353

    jQuery-validate实例代码

    附件是使用jQuery-validate插件写的一个用户注册表单验证页面,详情可以参考我写的博客:http://blog.csdn.net/eson_15/article/details/51497533

    jquery和jquery-validate

    案例中的`validate-1.html`和`validate.html`很可能是包含jQuery Validate应用的实际示例,通过查看源代码可以更深入理解其用法。 综上所述,jQuery和jQuery Validate的结合使用,能够有效地提升前端表单验证的效率...

    jQuery-validate实例效果

    jQuery-validate插件对于表单的验证功能做的很不错,可以使用这个插件来做表单的验证,附件是完整的源码,可运行,具体细节可参照这篇博客:http://blog.csdn.net/eson_15/article/details/51497533

    jquery-validate-中文提示.rar

    《jQuery Validate插件与中文提示的深度解析》 在Web开发中,表单验证是必不可少的一环,确保用户输入的数据符合预设规则,提高用户体验,防止无效数据提交。jQuery Validate插件作为一款强大的表单验证工具,因其...

    jquery.validate 版本大全

    jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....

    jquery-validate 表单验证

    `jQuery Validate` 是一个强大的 JavaScript 库,专为 jQuery 框架设计,用于实现高效、灵活且易于使用的表单验证。它可以帮助开发者创建各种复杂的验证规则,确保用户输入的数据符合预设的要求,从而提高网站的安全...

    jquery.validate.js下载

    jquery.validate.js jquery.validate.js

    jquery-validate:jquery-validate 插件

    jquery-验证 jquery-validate 插件 安装 使用安装: $ component install virtru-components/jquery-validate 应用程序接口 执照 麻省理工学院

Global site tag (gtag.js) - Google Analytics