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优点:内置验证规则:自定义验证规则:简单强大的验证信息提示 ...
随机推荐
- ASProtect注册码使用教程|ASProtect SKE(加壳脱壳工具) 2.56 汉化注册版
ASProtect 是功能非常完善的加壳.加密保护工具.能够在对软件加壳的同时进行各种保护.如:反调试跟踪.自校验及用密钥加密保护等:还有多种限制使用措施,如:使用天数限制.次数限制及对应的注册提醒信 ...
- Ruby FFI 入门教程
FFI是一个可以让用户使用Ruby调用C代码的gem.如果你需要执行一些系统底层调用,或者做一些高性能运算的话,FFI是一个很不错的选择. 1. 安装 执行gem install ffi即可.非常标准 ...
- 轻松自动化---selenium-webdriver(python) (八)
本节重点: 调用js方法 execute_script(script, *args) 在当前窗口/框架 同步执行javaScript 脚本:JavaScript的执行. *参数:适用任何JavaScr ...
- AsyncTask和Handler对比（转）
1 ) AsyncTask实现的原理,和适用的优缺点 AsyncTask,是android提供的轻量级的异步类,可以直接继承AsyncTask,在类中实现异步操作,并提供接口反馈当前异步执行的程度(可 ...
- Windows Azure Virtual Machine (27) 使用psping工具，测试Azure VM网络连通性
<Windows Azure Platform 系列文章目录> 微软Azure在设计架构的时候,从安全角度考虑,是禁用ICMP协议的.所以对于Azure VM,是无法使用ping命令的. ...
- 浏览器退出之后php还会继续执行么？
浏览器退出之后php还会继续执行么? 前提:这里说的是典型的lnmp结构,nginx+php-fpm的模式 如果我有个php程序执行地非常慢,甚至于在代码中sleep(),然后浏览器连接上服务的时候, ...
- [python基础]关于装饰器
在面试的时候,被问到装饰器,在用的最多的时候就@classmethod ,@staticmethod,开口胡乱回答想这和C#的static public 关键字是不是一样的,等面试回来一看,哇,原来是 ...
- html5的canvas绘制迷宫地图
canvas标签一直是html5的亮点,用它可以实现很多东西.我想用它来绘画像迷宫那样的地图.借助到的工具有瓦片地图编辑器tiled(点击跳转到下载链接). 如图:如果你想要画像这样的迷宫地图,如果不 ...
- Dispose() C# 优化内存
public void Dispose() { ((IDisposable)_designer).Dispose(); } #region IDisposable Support private bo ...
- HtmlAgilityPack 删除script、style以及注释标签
foreach(var script in doc.DocumentNode.Descendants("script").ToArray()) script.Remove(); f ...