jValidate 基于jQuery的表单验证插件

jValidate 基于jQuery的表单验证插件的相关文章

• 
  基于jQuery的表单验证插件：jValidate

  标签：Web开发

  网上基于jQuery的表单验证插件已有很多，但是这个轮子我还是继续做一个，因为这个表单验证插件是从我以前的个人JavaScript框架移值过来的（我已慢慢投入jQuery的怀抱），并且它的验证规则书写方式也许会让你眼前一亮。 网上的各类表单验证插件的验证规则都是写在脚本里的，但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子： Code highlighting produced by Actipro CodeHighlighter (freew...[ 查看全文 ]

  乐观的橙橙橙汁

  01
• 
  jquery 最简单易用的表单验证插件

  标签：Web开发

  打包下载   代码如下: /* Jquery 表单验证插件 janchie 2010.1 janchie@163.com 1.01版 */ (function($){ $.fn.extend({ valid:function(){ if( ! $(this).is("form") ) return; //获取参数 var items = $.isArray(arguments[0]) ？ arguments[0] : [], isBindSubmit = typeof arguments[1] ==="boolean" ？ arguments[1] :true, isAlert = typeof arguments[2] ==="boolean" ？ argumen...[ 查看全文 ]

  影视器材爱好者

  101
• 
  jquery validation插件表单验证的一个例子

  标签：Web开发

  messages_cn.js !--验证国际化，中文-- （不引用messages_cn.js是英文的提示，用了是中文） 代码如下： required: "This field is required.", remote: "Please fix this field.", email: "Please enter a valid email address.", url: "Please enter a valid URL.", date: "Please enter a valid date.", dateISO: "Please enter a valid date (ISO).", dateDE: "Bitte geben Sie ein gültiges Da...[ 查看全文 ]

  松子lx

  91
• 
  基于JQuery的cookie插件

  标签：Web开发

  简单使用方法： 代码如下： html head titleJQuery-Cookie插件/title script type="text/javascript" src="jquery-1.4.js"/script script type="text/javascript" src="jquery.cookie.js"/script /head body a href="#"设置cookie1/abr a href="#"设置cookie2/abr a href="#"获取cookie/abr a href="#"删除cookie/abr /body /html script type="text/javascript" $(function(){ var COOK...[ 查看全文 ]

  已不再温柔的人

  71
• 
  基于jQuery的窗口插件：jMessageBox

  标签：Web开发

  在WinForm程序开发中，经常用MessageBox弹出某些提示，功能虽简单但却非常的实用！而在Web页面中，浏览器也提供了Alert或Confirm等脚本语句用于弹出提示窗口，如下图：        但是这些弹出来的窗口的样式非常的单调无法设置，并且窗口标题还根据不同的浏览器显示不同的标题内容，非常的丑陋！对于高审美观的现代人来说，就大打折扣了！ jQuery现在这么流行、这么火，但网上却好...[ 查看全文 ]

  交友请进QT1671

  91
• 
  基于jQuery的密码强度验证代码

  标签：Web开发

  密码强度验证的方式有很多，今天给大家推荐一个通过JQuery实现的密码强度验证控件，只需要很少的代码便能实现。 因为是基于JQuery的控件，当然需要JQuery库，还要一个本控件的JS。JQuery的JS大家可以到官网下载：http://code.jquery.com/jquery-1.4.2.min.js 这个控件的JS文件：password_strength_plugin.js 复制代码 代码如下: (function($){ $.fn.shortPass = 'Too short'; $.fn.badPass = 'Weak'; ...[ 查看全文 ]

  愿成你影

  31
• 
  基于Jquery的简单&简陋Tabs插件代码

  标签：Web开发

  HTML代码 代码如下: div class="tab" li class="selected" 1/li li class="hover"2/li li class="hover"3/li /div div class="tab_box" div class="newslist"第一个/div div class="newslist"第二个/div div class="newslist"第三个/div /div Jquery 代码如下: $().PPXTabs({ nav:'.tab li',nav_txt:'.tab_box div',selectedClass:'selected',hoverClass:'hover'}); jquery.PPXT...[ 查看全文 ]

  jiliuhui5

  11
• 
  jquery validate.js表单验证的基本用法入门

  标签：Web开发

  这里转载一篇前辈写的文章，在我自己的理解上修改了一下，仅作记录。 先贴一个国内某大公司的代码： 代码如下： script type="text/javascript" function lang(key) { mylang = { 'ls_input_myb': '请输入您的账户', 'ls_myb_email': '漫游币账户为邮箱地址', 'ls_login_password': '请输入您的登录密码', 'ls_password_length': '密码长度为{0}-{1}位之间', 'ls_input_captcha': '请输入验证码',...[ 查看全文 ]

  男儿本色339

  141
• 
  基于jquery的一个图片hover的插件

  标签：Web开发

  先来看看使用方法。 演示地址 http://demo.jb51.net/js/jCutter_jquery/demo.htm HTML文件中这样写： 代码如下： div img src="1.jpg" alt="" div 这是点开后的页面的内容 /div /div 调用的话需要这样写： 代码如下： $(document).ready(function(){ options={ 'speedIn':600, //图片进入时候的动画速度 'speedOut':400, //图片退出时候的动画速度 'easeIn':'easeOutBounce', ...[ 查看全文 ]

  可爱的贝贝麻麻

  31
• 
  基于jQuery的弹出消息插件 DivAlert之旅（一）

  标签：Web开发

  打包下载 想着自己学习Javascript，以及Ajax、jQuery等已经有一段时间了，不过貌似还没有写过一个插件，看到jQuery官网上那么多令人眼前一亮的插件，自己今天也动心说是不是能够写一个类似的插件来瞧瞧，了解了jQuery插件的基本格式，理一下基本的思路，动工吧。。。 这个DivAlert插件，顾名思义就是页面弹出框，也就相当于Winform里面MessageBox.Show()那样的东西。 首先，我们来定义一下一些最...[ 查看全文 ]

  无奈的小女人哎

  71
• 
  基于jQuery的消息提示插件 DivAlert之旅（二）

  标签：Web开发

    改进的代码部分主要如下： 1、创建default.css文件: 代码 代码如下: img { vertical-align:middle; } .jBg { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #999; filter: alpha(opacity=70); opacity: 0.7; } .jWrap { position: absolute; border: 1px solid #cef; z-index: 10000; overflow: hidden; } .jTit { text-align: left; backg...[ 查看全文 ]

  无极限0101

  111
• 
  10个超棒的jQuery/JavaScript表单插件推荐

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  本文将分享10个超酷的jQuery/JavaScript表单插件，帮助你有效的增强你的表单元素，相信这些插件可以让你的网站或者应用拥有更加友好的界面和用户体验。 1. Chosen 一个JavaScript插件，帮助你将比较宽的选择框变得更加友好，支持jQuery和Prototype。   2. Password Strength 帮助你校验你的密码强度，非常实用的密码强度验证插件。   3. Limit 一个jQuery插件，帮助你限...[ 查看全文 ]

  673978765扣扣

  11
• 
  基于jQuery的消息提示插件之旅 DivAlert(三)

  标签：Web开发

  打包下载 本版本遵循了2.0的写法，此处通过extend方法封装了需要设置的各个选项，比起2.0版本的代码要精简了一些。 2.0版本 代码如下: //设置插件基本信息 var options = o || {}; options.width = o.width || 300; //提示框宽度若小于104px则自动重置为200px if (options.height 104) { options.height = o.height; } else { options.height = 200; } options.title = o.title || "...[ 查看全文 ]

  娜一笑的风情x7

  21
• 
  基于jquery的获取mouse坐标插件的实现代码

  标签：Web开发

  代码如下： /* * Copyright (c) 2010 刘建华 * * The above copyright notice shall be * included in all copies or substantial portions of the Software. * Example: divdemo/div divdemo/div script type="text/javascript" var o = $(document); o.mousemove( function(e){ var d = document.getElementById("demo"); d.style.left = ($.mouse(e).left + 5) + "px"; d.style.top = ($....[ 查看全文 ]

  爱眼色

  21
• 
  Jquery Validation插件防止重复提交表单的解决方法

  标签：Web开发

  由于在项目中应用了Jquery Validation表单验证插件，所以要实现在Validation验证完毕后，提交form，然后禁止按钮。 CodeProject上有一个DisableBtnPostBack项目，但不无法和Jquery Validation结合，代码先贴出来，给大家提示下，碰到这种情况不要使用该代码。代码如下： js: 代码 代码如下： function disableBtn(btnID, newText) { Page_IsValid = null; if (typeof (Page_ClientValidate) == 'funct...[ 查看全文 ]

  京_龍哥

  1651
• 
  通用表单验证函数

  不管是动态网站,还是其它B/S结构的系统,都离不开表单 表单做为客户端向服务器提交数据的载体担当相当重要的角色. 这就引出了一个问题,提交的数据合法吗?摆在我们面前的问题就是验证这些数据 保证所提交的数据是合法的.所以,我们写了一个大堆的验证函数.当我们开始新的一个 项目的开发时,我们又得写一大堆的验证函数,然后再调试这一大堆的函数... 本文将介绍一种方法来提高我的代码的可重用性,提高我们的开...[ 查看全文 ]

  yan2011372baby

  41
• 
  JavaScript表单验证年龄

  标签：Web开发

  JavaScript表单验证年龄，判断一个输入量是否符合年龄，通过正则表达式实现。 //检查年龄 function isAge(str){        var mydate=new Date;        var now=mydate.getFullYear();        if (str now-60 || str now-18){         return false;    &nbs...[ 查看全文 ]

  幸福花园的使者

  41
• 
  超级强大的表单验证

  标签：Web开发

   title表单验证类 Validator v1.01/title  style  body,td{font:normal 12px Verdana;color:#333333}  input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid #999999;background:#ffffff}  table{border-collapse:collapse;}  td{padding:3px}  input{height:20;}  textarea{width:80%;height:50px;overfmin:auto;}  form{displa...[ 查看全文 ]

  zhangjinglwt

  641
• 
  基于HTML5 audio元素播放声音jQuery小插件

  标签：Web开发

  一、前面的些唠叨 在我浮生如梦的大学那会儿，貌似flash网站还有点小火，且大凡有点含量的flash站点上，杂七杂八的音效总是少不了。一部分音效是烘托渲染气氛的背景音乐，另外一部分就是促进互动，增强体验的交互声音，例如按钮按下或者是经过时哔哔声或是叭叭声。而在那个时候，在远离flash的web页面上鲜有声音的交互，即使有，要想实现兼容性，要不借助控件，要不还是通过与flash交互实现（例如我之前写过...[ 查看全文 ]

  hailei775

  351
• 
  基于jquery实现的服务器验证控件的启用和禁用代码

  标签：Web开发

  应用背景 1.用户需要填写表单时。 2.页面采用服务器验证控件。 3.由用户来选择是否填写更多项，更多项的显示与隐藏用Display控制，如下图。 点击“增加服务内容”，显示新增表单项，如下图。 点击“取消增加”，隐藏新增表单项。 问题：用户点击下一步时，不对Display=none的新增区域表单进行验证，需要在用户点击“取消增加时”，禁用服务器验证控件。反之，启用服务器验证控件。 解决方法 ...[ 查看全文 ]

  求交往98

  191