JQuery插件Validation的使用-遁地龙卷风
第二版
(-1)写在前面
本文不是要详细说明Validation插件的使用，而是将满足开发需求的代码已最应该使用的方式写出来，并附有详细的注释
想要了解更多，去jquery的官网，有最新，最全面的,后续可能会写怎么从jquery官网获得信息的博文
(0)资源配置
官网的jar包:
lib 有该插件所支持的最高版本jquery ,使用更高版本可能会发生错误，例如Jquery3.0
dist\localization\messages_zh.js 可以让默认报错信息使用中文
导入的顺序
<script type="text/javascript" src="jquery-1.11.1.js" ></script>
<script type="text/javascript" src="jquery.validate.js" ></script>
<script type="text/javascript" src="messages_zh.js"></script>
(1)css代码
<body>
<form id="chatform">
姓名:<input type="text" size="50" name="name" id="name"/><br/>
密码:<input type="text" size="50" name="password" id="password"/><br/>
<!--上一版本的两个id值写成一样，导致了一些错误，抱歉'-->
<input type="submit" value="提交">
</form>
</body>
（2）js代码
$(function()
{
//添加自定义方法
$.validator.addMethod(
"test",
//value 表单元素的值,
//element,表单元素
//param 传的参数
function(value,element,param)
{
if(value == param)
return true;
return false;
},
//错误的提示信息
'请输入正确的密码'
)
//"#chatform" form表单
$("#chatform").validate({
rules:{
//name、password是元素的name属性值
name:{
required:true,
minlength:2
},
password:{
//调用自定义方法
test:"12345"
}
},
//自定义提示信息
messages:{
name:{
required:"必须填写",
minlength:"不能少于两个"
}
},
//用什么元素显示错误信息,必填
errorElement:"span",
//error 显示错误信息的元素，你获得了这个元素的控制权，你可以给它加背景图片、加个img标签等
success:function(error)
{
},
//error 显示错误信息的元素，你获得了这个元素的控制权，你可以给它加背景图片、加个img标签等
//element 触发错误信息的表单元素
errorPlacement: function(error, element)
{
//将error 放入到element后面 必须有
element.after(error);
}
})
});
JQuery插件Validation的使用-遁地龙卷风的更多相关文章
- JQuery data方法的使用-遁地龙卷风
(-1)说明 我用的是chrome49,这个方法涉及到JQuery版本问题,我手里有3.0的,有1.9.1,后面将1.9.1及其以前的称为低版本,3.0称为高版本 测试例子用到的showMessage ...
- 三、jQuery--jQuery插件--jQuery插件——Validation Plugin
简介: 客户端验证:现代网站填写表单时,几乎一定会采用的方式. 优点:1.可以减少服务器压力 2.缩短用户等待时间和提升用户体验 jQuery有很多表单验证插件:https://plugins.jqu ...
- JQuery插件使用之Validation 快速完成表单验证的几种方式
JQuery的Validation插件可以到http://plugins.jquery.com/上去下载.今天来分享一下,关于这个插件的使用. 简易使用 这第一种方式可谓是傻瓜式的使用,我们只需要按照 ...
- jQuery常用插件与jQuery使用validation插件实现表单验证实例
jQuery常用插件 1,jQuery特别容易扩展,开发者可以基于jQuery开发一些扩展动能 2,插件:http://plugins.jquery.com 3,超厉害的插件:validation . ...
- 推荐60个jQuery插件(转)
jQuery插件jQuery Spin Button自定义文本框数值自增或自减 jQuery插件JQuery Pager分页器实现javascript分页功能 jQuery插件FontSizer实现J ...
- JQuery simpleModal插件的使用-遁地龙卷风
(0)写在前面 jquery.simpleModal.浏览器这三者的兼容性,不仅显示在报错上,还体现在所呈现的效果不是预期上. 说一下我的环境 jquery-1.8.3.js jquery.simpl ...
- 【jQuery基础学习】06 jQuery表单验证插件-Validation
jQuery的基础部分前面都讲完了,那么就看插件了. 关于jQuery表单验证插件-Validation validation特点: 内置验证规则:拥有必填.数字.E-Mail.URL和信用卡号码等1 ...
- jQuery插件之validation插件
前面的话 最常使用javascript的场合就是表单的验证,而jQuery作为一个优秀的javascript库,也提供了一个优秀的表单验证插件——Validation.Validation是历史最悠久 ...
- 【jQuery】学习jQuery插件的使用与写法（表单验证插件-validation）
最新最全的插件可以从jQuery官方网站的插件板块下载,网站地址为:http://plugins.jquery.com/ Validation优点:内置验证规则:自定义验证规则:简单强大的验证信息提示 ...
随机推荐
- c#基础之数组
最近看了c#的数组,比c++的数组更加直接,.net也提供了很多直接直接操纵数组的方法,非常方便,所以就想做个总结. 利用数组,我们可以使用变量来声明相同类型的多个数据项的集合,数组中的每个数据使用索 ...
- 面试题目: PHP 有哪些优缺点？
当面试官噼里啪啦的问你一大堆问题后,突然问你,PHP有哪些优缺点?你蒙了没? 反正我是蒙了,不管你信不信! 现在,关于PHP优缺点,大致的说几点: 1. 语法简单的,上手很快,而且还有很多很便捷的开 ...
- Jeet – 先进，直观，灵活的 CSS 网格系统
Jeet 是一个先进的,直观的 CSS 网格系统.通过使用预处理器的强大功能,我们现在可以通过实际分数(或者浮点数)来生成一个基于百分比宽度和间隔的网格.让你用更少的代码,更快的速度构建页面布局. 您 ...
- iOS_UIImage_jpg<-->png转换
// png 图片转化是无损的. 可以有透明效果. // jpg 图片转化是有损的. 质量因子. - (void)jpgToPng { UIImage * image = [UIImage image ...
- JS魔法堂：再识Number type
Brief 本来只打算理解JS中0.1 + 0.2 == 0.30000000000000004的原因,但发现自己对计算机的数字表示和运算十分陌生,于是只好恶补一下.以下是恶补后的成果: 基础野:细说 ...
- 【原创】Windows平台搭建Kafka源代码开发环境(Eclipse版本)
最近在研究Kafka源代码,需要自己搭建一个开发环境.官网上给出的提示略显简单,照着做了一遍也碰到了一些问题.特此记录下来. 开发环境: Oracle Java 1.7_u71 + Eclipse 4 ...
- Hichart 资料收集
Hichart简单使用Highcharts选项配置详细说明文档(zz) http://www.helloweba.com/view-blog-156.html by 澳米科技 Highcharts提 ...
- iOS阶段学习第二天笔记(数据类型与进制)
iOS学习(C语言)知识点整理笔记 1.C语言32个关键字 一.存储相关 1)auto 声明自动变量 2)register 声明寄存器变量 3)volatile 声明的变量在程序执行过程中可能被隐含的 ...
- Nancy Scripts,CSS文件夹配置
public class Bootstrapper : DefaultNancyBootstrapper { protected override void ConfigureConventions( ...
- 速战速决 (1) - PHP: 概述, 常量, 变量, 运算符, 表达式, 控制语句
[源码下载] 速战速决 (1) - PHP: 概述, 常量, 变量, 运算符, 表达式, 控制语句 作者:webabcd 介绍速战速决 之 PHP 概述 常量 变量 运算符 表达式 控制语句 示例1. ...