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 ...
随机推荐
- BZOJ1178 [Apio2009]CONVENTION会议中心
本文作者:ljh2000作者博客:http://www.cnblogs.com/ljh2000-jump/转载请注明出处,侵权必究,保留最终解释权! Description Siruseri政府建造了 ...
- rfc2616 HTTP Protocl Analysis
catalog . Introduction . Protocol Parameters . HTTP Message . Request . Response . HTTP Method.Conte ...
- POJ 3662 Telephone Lines(二分+最短路)
查看题目 最小化第K大值. 让我怀疑人生的一题目,我有这么笨? #include <cstdio> #include <queue> #include <cstring& ...
- 数据结构算法C语言实现(七)--- 3.1栈的线性实现及应用举例
一.简述 栈,LIFO.是操作受限的线性表,和线性表一样有两种存储表示方法.下面以顺序存储为例,实现. 二.ADT 暂无. 三.头文件 //3_1.h /** author:zhaoyu email: ...
- iOS “智慧气象”APP中用到的第三方框架汇总
“智慧气象”是我最近在公司接手的项目,已经完成最新版本的更新并上架,在此分享下其中用到的第三方框架的使用. 应用地址:APP商店搜索“智慧气象” MJRefresh(下拉刷新)业界知名下拉刷新框架就不 ...
- django入门记录 2
1. 创建一个app, python manage.py startapp appname 2. 设计model,在appname/目录下编辑好model 3. 检测model的修改,python ...
- django1.9 + uwsgi +nginx1.9 部署(centos6.6)
django1.9 + uwsgi +nginx1.9 部署 官方介绍 https://uwsgi.readthedocs.io/en/latest/tutorials/Django_and_ngin ...
- 阿里巴巴集团2016校园招聘-Python工程师笔试题(附加题+部分答案)
前言 第一次网上笔试,被虐的很惨.一是不太习惯,最主要的是还是自己对Python的掌握,还不够熟练.下面是这次阿里笔试相关信息 笔试时间是,2015年8月23日,10:00——12:00 对于笔试题, ...
- 【原】js检测移动端横竖屏
摘要:上周做了一个小项目,但是要放到我们的app上,然而需要横竖屏使用不同的样式.横屏一套,竖屏一套.调用了手机APP那里的api,可是他们那里ios和安卓返回的不一样. 各种头疼.于是用了css3的 ...
- php格式化金额函数分享
/** * 格式化金额 * * @param int $money * @param int $len * @param string $sign * @return string */ ...