jquery客户端验证插件
http://www.cnblogs.com/masing/articles/2157420.html
http://www.oschina.net/p/jquery+formvalidator
http://wenku.baidu.com/view/b1e45873f242336c1eb95ec9.html
https://jqueryvalidation.org/documentation/
http://www.runoob.com/jquery/jquery-plugin-validate.html
http://www.cnblogs.com/hejunrex/archive/2011/11/17/2252193.html
用jquery.validate.js 设置messages的时候, 中文会出现 乱码. 而html页面里面设置的确实又是 utf-8: meta http-equiv="content-type" content="text/html; charset=utf-8". 那么, 原因就是 你在保存文件的时候, 没有使用utf-8!
所以 ,, 你保存的时候,, 默认的使用的是ansi, 你在用编辑器查看的时候, 是没有什么问题的, 但是你一旦用 浏览器查看的时候, 就会出现乱码.
必须明确, 一般浏览器 , 包括firefox, 页面用的编码 都是 自动的 设置为 Unicode, 即UTF-8.
jquery.validate.js的使用方法:
直接引用表单, 然后使用validate()方法
但是你要指定参数: rules{username: "required", email: "email",...}等等, 这样它才能知道 哪些表单域需要验证, 该如何验证, 使用哪些验证规则,
否则脚本肯定不知道哪些域该 验证吧.
默认的提示错误信息是 英文, 要修改提示规则, 则要 指定参数: messages{username: '用户名不能为空, 请输入用户名', email: 'email格式不正确',....}
用中文的提示信息, 那么同样 要注意 保存文件时 的 编码方式为 : utf-8!!
这样使用jquery.validate.js就够了!
如何写jquery插件?
括号的匹配?
对于一对 括号,
只有当光标 放在 前面的那个括号的前面, 后面的那个括号的后面, 才会显示 括号匹配和配对.
=============================
如何编写jquery插件/扩展?
有 类级别的和 对象级别的扩展.
这里的扩展和插件 认为是同一回事, 是相等的.
为了防止扩展内部的变量 污染 外部的全局变量, 建议使用命名空间
注意插件中的 $必须写大写的Q:jQuery, 不能是小写的jquery, 否则会报错.
最好另外命名, 而且插件名称设置为: jquery.扩展.js, 然后引入插件要在jquery.js之后.
==============================
添加一个新的全局函数
jQuery.foo = function() {
alert('1');
};
增加多个全局函数
jQuery.foo = function() {
alert('1');
};
jQuery.bar = function(param) {
alert(param);
};
调用时和一个函数的一样的:
jQuery.foo();
jQuery.bar();
//或者
$.foo();
$.bar('bar');
======================================
/* 以下内容放在jquery.foo.js文件中, 然后在html文件中引入该脚本文件 */
;(function($){
$.fn.changeColor= function($c){
this. css('color', $c);
// 扩展中的this就是$(this)就是jquery对象.
}
})(jQuery);
jquery客户端验证插件的更多相关文章
- jQuery身份证验证插件
jQuery身份证验证插件 /*! * jQuery isIDCard Plugin v1.0.0 * http://www.cnblogs.com/cssfirefly/p/5629561.html ...
- jquery数据验证插件
jquery数据验证插件(自制,简单,练手) 一:最近项目中js数据验证比较多,为了统一风格,移植复用,于是顺手封装了Jquery的插件. (function($) { var defaults ...
- Jquery 客户端验证
Jquery 客户端验证 //引入js文件 validate.js <html> <head> <title>jqueryValidateDemo</titl ...
- 【JQ成长笔记】jQuery Validate验证插件
validate是一款很好的jq插件,提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同 ...
- 【转载】jquery validate验证插件,在ajax提交方式下的验证
正常的表单都是使用submit按钮来提交,jquery validate插件可以方便的做表单验证. 做一个发送短信的功能,向目标表插入多条记录,界面采用ajax来提交表单,等待效果直接用ext的遮罩 ...
- jquery数据验证插件(自制,简单,练手)
一:最近项目中js数据验证比较多,为了统一风格,移植复用,于是顺手封装了Jquery的插件. (function($) { var defaults = { bugColor: '#FFCCCC', ...
- jquery登录验证插件
最近写了个登录验证的jquery插件,其中功能还不是很完善,需要进一步改进,先放出来看看先. /** * 功能描述:本模块实现普通网站登录验证,以后可以添加二维码验证,以及第三方帐号登录验证 * 关联 ...
- jquery validate验证插件扩展方法(转)
/***************************************************************** jQuery Validate扩展验证方法 (linjq) *** ...
- JQuery Validate验证插件自定义验证消息
// 自定义验证的方法,验证通过返回true,否则返回false(会显示错误消息) jQuery.validator.addMethod; // 定义验证的消息 jQuery.validator.fo ...
随机推荐
- bzoj 3518 Dirichlet卷积
详情见代码,回头再填坑... #include<iostream> #include<cstdio> #include<algorithm> #include< ...
- 【BZOJ-3725】Matryca 乱搞
3725: PA2014 Final Matryca Time Limit: 5 Sec Memory Limit: 128 MBSubmit: 160 Solved: 96[Submit][St ...
- UOJ261 【NOIP2016】天天爱跑步
本文版权归ljh2000和博客园共有,欢迎转载,但须保留此声明,并给出原文链接,谢谢合作. 本文作者:ljh2000作者博客:http://www.cnblogs.com/ljh2000-jump/转 ...
- Android成长日记-ListView
数据适配器:把复杂的数据(数组,链表,数据库,集合等)填充在指定的视图界面上 适配器的类型: ① ArrayAdapter(数组适配器):用于绑定格式单一的数据 数据源:可以是集合或数组 ① Simp ...
- Getshell Via phpmyadmin SQL Execution In /import.php To Write Evil Webshell File Into Disk
目录 . 漏洞描述 . 漏洞触发条件 . 漏洞影响范围 . 漏洞代码分析 . 防御方法 . 攻防思考 1. 漏洞描述 phpMyAdmin 是一个以PHP为基础,以Web-Base方式架构在网站主机上 ...
- nginx中SSI问题的研究
最近感觉挺爽的,这个项目团队没有一个专门做PHP的,我是第一个进来做PHP(当然还有前端)的,哈哈,我会设计修改出适合我们业务的PHP框架,哈哈,感觉会学到很多东西的样子,前几天在组内20几个前辈面前 ...
- UEditor上传图片到七牛云储存(c#)
我们的网站一般放在虚拟空间或者服务器上,图片如果存在本地目录,会占用很多空间和流量,还增加了负担,好的办法是把图片存放到云储存服务里面,平时用url去拿 云储存:普遍说又拍云和七牛比较好,看到七牛免费 ...
- Oracle 数据库对象
数据库对象是数据库的组成部分,常常用CREATE命令进行创建,可以使用ALTER命令修改,用DROP执行删除操作.前面已经接触过的数据库对象有表.用户等. 今天将学习更多的Oracle数据库对象: 同 ...
- Map集合遍历的2种方法
Map是一个集合的接口,是key-value相映射的集合接口,集合遍历的话,需要通过Iterator迭代器来进行. Iterator是什么东西: java.util包下的一个接口: 对 collect ...
- HTML5学习总结-01 开发环境和历史
1 搭建HTML5开发环境 1 安装一款支持HTML5的浏览器 FireFox, Chrome 2 开发工具 SublineText, Eclipse, HBuilder, WebStorm 注:使用 ...