`
fortaotao
  • 浏览: 47649 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jquery.validate.js的应用技巧

阅读更多

1、需要到服务器端进行唯一性验证的字段,可以通过remote来实现

remote: "check-email.php"

remote: {
    url: "check-email.php",     //后台处理程序
    type: "post",               //数据发送方式
    dataType: "json",           //接受数据格式   
    data: {                     //要传递的数据
        username: function() {
            return $("#username").val();
        }
    }
}
注意:远程地址只能输出 "true" 或 "false",不能有其它输出。
2、自定义验证方法addMethod:name, method, message

// 中文字两个字节
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
    var length = value.length;
    for(var i = 0; i < value.length; i++){
        if(value.charCodeAt(i) > 127){
            length++;
        }
    }
  return this.optional(element) || ( length >= param[0] && length <= param[1] );   
}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));

// 邮政编码验证   
jQuery.validator.addMethod("isZipCode", function(value, element) {   
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");
分享到:
评论

相关推荐

    jquery.validate.js 和 帮助文档.rar

    本文将深入探讨jQuery validate.js的核心功能及其API,同时结合提供的帮助文档,为你揭示其背后的实现原理和使用技巧。 首先,jQuery validate.js的主要功能是为HTML表单提供强大的验证规则。通过简单的配置,...

    jQuery.validate.js表单验证及API

    本文将深入探讨jQuery.validate.js的核心功能、API使用方法以及一些常见的使用场景。 首先,jQuery.validate.js是由Jörn Zaefferer创建的一个轻量级插件,它是jQuery Form Plugin的一部分,主要用于简化HTML表单的...

    jquery表单验证框架:jquery.validate.zip

    jQuery是一个广泛使用的JavaScript库,而jQuery.validate则是jQuery的一个强大插件,专门用于实现客户端的表单验证。本篇文章将详细介绍jQuery.validate框架及其核心功能。 一、jQuery.validate简介 jQuery....

    jquery.validate.js

    《jQuery validate.js插件详解与应用实践》 在Web开发中,表单验证是不可或缺的一环,它确保用户输入的数据符合我们设定的规则,避免无效数据的提交,提高用户体验。jQuery validate.js是一款强大的表单验证插件,...

    Validate-jquery.zip

    1. **安装与引入**:在项目中使用jQuery Validate插件,首先需要确保已经引入了jQuery库,然后可以通过CDN或者本地文件引入validate.js和对应的CSS文件。例如,在HTML文件的`&lt;head&gt;`标签内添加如下代码: ```html ...

    jquery validate

    - `jb51.net.txt`可能是一份关于jQuery Validate的教程或技巧集合,可以进一步学习和应用。 - `脚本之家.url`和`服务器软件.url`可能指向了更多jQuery Validate的教程或者相关开发资源,可以作为扩展学习的入口。 ...

    jquery.validate提示错误信息位置方法

    使用jQuery Validate插件时,开发者可以通过定义不同的验证规则(rules),自定义验证消息(messages),以及验证成功后执行的回调(success)函数等。其中,错误信息的显示位置对于用户来说至关重要,直观的提示...

    jquery-validate 表单验证

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

    jquery表单验证大全

    ### jQuery表单验证大全:构建高效用户输入检查 在现代Web开发中,表单验证是确保数据质量和用户体验的关键环节。...通过深入理解和掌握此插件的使用技巧,开发者可以更高效地构建高质量的Web应用程序。

    关于jquery.validate1.9.0前台验证的使用介绍

    关于jQuery Validate 1.9.0插件的使用,它是一个强大的前端表单验证库,用于确保用户在提交数据之前填写了正确的信息。在本文中,我们将深入探讨如何有效地使用这个插件,以及如何处理一些常见问题。 首先,我们要...

    jquery validate 验证手册

    《jQuery Validate验证手册》是针对JavaScript库jQuery的一个插件,主要功能是提供强大的表单验证功能,帮助开发者创建用户友好的、功能丰富的交互式表单。这个插件基于jQuery库,利用JavaScript的强大功能,简化了...

    jQuery学习资料

    `jQuery.validate.js+API中文.pdf`文档将详细解释如何配置验证规则、显示错误消息、自定义验证方法,以及与jQuery的其他功能结合使用。 3. **Jquery特效.pdf** jQuery的动画效果是其魅力的一部分。`Jquery特效.pdf...

    jQuery Validate 数组 全部验证问题

    在Web开发中,jQuery Validate是一个常用的JavaScript库,用于表单验证。它提供了丰富的验证规则和易于使用的API,帮助开发者确保用户输入的数据满足特定条件。然而,当遇到需要验证数组类型的输入时,可能会出现...

    jQuery表单校验插件validate实例代码集展现了插件的各种用法.zip

    jQuery是JavaScript库中的一款强大的工具,它极大地简化了DOM操作、事件处理以及动画效果的创建。...这个压缩包的实例代码集是学习和参考的好材料,可以帮助开发者快速掌握validate插件的使用技巧。

    《jquery.基础教程》源代码

    3. **Learning jQuery**:这可能是书籍或教程的名称,它可能包含一系列章节,逐步引导读者了解jQuery的基本概念和高级技巧,如使用$(document).ready()方法确保代码在页面加载完成后执行,使用$.ajax()进行异步数据...

    [jQuery入门到精通]第11章:实战表单验证与自动完成提示插件

    通过学习和实践validate插件,不仅能实现高效的表单验证,还能深入了解jQuery插件的设计思想和封装技巧,提升JavaScript编程能力。同时,结合自定义验证规则和自动完成提示插件,可以创建出更加智能和友好的用户界面...

    jQuery Validate

    jQuery Validate 是一个强大的JavaScript库,专门用于简化HTML表单的客户端验证。该插件与jQuery框架紧密结合,由Jörn Zaefferer开发并维护,他同时也是jQuery团队和jQuery UI团队的重要成员,以及QUnit测试框架的...

    前台数据校验--validate.js

    在前端开发中,数据校验是确保用户输入符合预期规则的重要环节,这有助于提升用户体验,减少服务器负担,以及防止恶意数据的...在实际开发中,结合源码阅读和实际案例分析,可以更好地理解和掌握其核心功能和使用技巧。

    Jquery FormValiDator 3.3

    **jQuery FormValidator 3.3 知识点详解** `jQuery FormValidator` 是一个强大的JavaScript库,用于在前端实现表单验证。版本3.3带来了更优化的功能...掌握其使用技巧,可以显著提升网页表单的用户体验和数据完整性。

    jquery 入门到精通 学习总结 资源

    6. **jQuery validate插件**:jQuery[1].validate.js+API中文 js验证插件.pdf,这个插件用于表单验证,结合API文档,可以轻松实现各种复杂的表单验证逻辑。 四、辅助工具 7. **jQuery速查表**:jQuery1.2.cheat...

Global site tag (gtag.js) - Google Analytics