html部分：formValidatorform{ width: 500px; margin: 100px auto; } table tr td:first-child{ text-align: right; } table tr td{ padding: 5px 0; } div{ margin-left: 10px; padding: 0 10px; }$.formValidator.initConfig({ //用于配置当前formValidator插件formID: "myfm",debug: false,submitOnce: true,validatorGroup: '1',//设置验证组，默认值为1onSuccess: function() { //验证成功后的回调函数},onError: function() ...
2008-07-22 14:47 bug描述:ajaxValidator函数在提交后发生错误，停留在本页面后,再次触发校验会让提示内容一直处于onload状态。 这个bug已经修复，请重新下载。 2008/7/17 14:12:00 jQuery formValidator 3.1ver 1、为inputValidator增加empty属性。用于设置控件文本值是否允许两边为空。具体请看demo1里的密码的校验代码。 该属性是个对象，默认值{leftempty:true,rightempty:true,emptyerror:null} leftempty:表示左边是否允许...
其效果图如下：使用说明 需要使用jQuery库文件和formValidation库文件[下载实例代码] http://jquery.com/ 同时需要自定义显示提示错误信息的CSS样式 使用实例 一，包含文件部分 代码如下: 二，HTML部分 代码如下: formValidation插件的表单验证方法如下： validate[required,custom[onlyLetter],length[0,100]] 参数说明：required表示表单必填，custom[]表示验证的条件，length表示长度 formValidation插件其它说明： optiona...
网上的各类表单验证插件的验证规则都是写在脚本里的，但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子： 代码如下: 注意看上面代码中以“jv“开头的各种属性名，这些都是表单验证插件需要用的属性值。其中各属性代表的意思请阅读以下表： 1、form表格控件元素可使用的属性：属性名 说明jvpattern 用来验证控件值是否正确的正则表达式。（可不定义此属性)jvcompareid 需要与当前控件进行值相等比较的其它控件id。（...
代码如下:/* 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" ? arguments[2] :false, //验证规则 rule = { // 正则规则 "eng" : /^...
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 gltiges Datum ein.", number: "Please enter a valid number.", nu...
这里转载一篇前辈写的文章，在我自己的理解上修改了一下，仅作记录。 先贴一个国内某大公司的代码： 代码如下: 输出 "true" 或 "false"，不能有其它输出 addMethod：name, method, message 自定义验证方法 // 中文字两个字节 jQuery.validator.addMethod("byteRangeLength", function(value, element, param) { var length = value.length; for(var i = 0; i < value.length; i++){ if(value.charCodeAt(i) > 127){ length++; } }...
先给大家展示下表单效果图，具体效果如下所示： 1.前台一开始用JQuery实现，先来上HTML标记:2,然后是CSS代码:.tble { font-size:14px; text-align:right; position:absolute; left:550px; top:150px; } .td { border:2px #CCCCCC solid; } .btton1 { position:absolute; left:65px; } .btton2 { position:absolute; left:110px; } .span { color:#cccccc; font-size:14px; text-align:right; } .spanPwd2 { color:Red; } .spanPwd3...
表单验证在网站开发过程中经常遇到，我们可以使用服务器端语言验证，也可以使用客户端语言来验证。本文章向大家介绍jquery客户端验证表单的一个简单实例。实例仅作参考。// *"); //创建元素$(this).parent().append($required); //然后将它追加到文档中});//文本框失去焦点后$('form :input').blur(function(){var $parent = $(this).parent();$parent.find(".formtips").remove();//验证用户名if( $(this).is('#username') ){if( ...
使用步骤： 1.首先在项目中添加必备js与css2.代码中添加引用（必备引用）3.中要验证的标签（做一些常用的演示）身份证(正则表达式库): 身份证(外部函数): 整数: 正整数: 负整数: 数字: 正数（正整数 + 0）: 负数（负整数 + 0）: 浮点数: 正浮点数: 负浮点数: 非负浮点数（正浮点数 + 0）: 非正浮点数（负浮点数 + 0）: 颜色: 你的EMAIL: 手机: 邮编: 非空: 图片: 压缩文件: ip4: QQ号码: 国内电话: 用户名: 字母: 大写字母: 小写字...
再次申明，插件问题比较多，后期一个个来解决，请不要恶言相向。希望各位多多提好的建议善言。 一. 分析表单验证的基本情况 在我们做web开发的过程中，会遇到各种各样的验证。归纳一下基本可以分为一下几类: (1). 是否必填项 [这个是非常基本的] (2). 输入参数中的范围校验 (3). 输入参数与另外一个控件值的比较 (4). 输入的参数正则表达式验证 二. 是否必填项验证 有如下几种情况: （1） 输入框获得焦点提示 （2）输入框失去焦点验...
在看这篇文章之前， 可以看看前两篇文章，表单验证输入范围验证是在原有的基础上改写的。 (一). 输入范围验证存在问题 在第二篇上提到的问题，在原有的验证中也存在相同的问题。当然在这次改写中也解决了一些这些问题。同时也添加了对radio，checkbox，select 元素的验证。当然对于时间的验证仍没有解决，后续过程中会继续补充！ (二). 验证参数的设计 onEmptyText: 当输入内容为空的时候显示文本 onEmptyClass: 当输入内容为空的时...
一. 存在的问题 在上篇中我已经提到过，验证提示打算用文本和样式两种方式来显示提示消息，这两种提示都只能单独使用，于是新的跟新内容做了一些扩展，使得两者可以共用。前一篇写的是否必填项这个验证只是正对 Text， TextArea 这两个表单元素，在新的扩展中同时也支持了radio，checkbox 两个元素。 二. 验证参数的设计 基于多重选择的考虑，扩展了一些有必要的参数，参数列表如下： required: 是否为必填项，true 和 false ，tru...
周末写的 jQuery 表单验证扩展(三) 这篇文章点击率过低，不知道是文章太失水准还是什么其他原因，这里写文章只是为了分享一下自己写代码的心得，同时也是巩固自己所学的东西!如果文章中存在问题，请大家多多斧正！本篇文章介绍jQuery 表单验证扩展中的控件值的比较 (一). 存在的问题 这篇文章和第一篇中提到的控件值之间的比较没有多大的区别，唯一更近的就是在样式的处理。同时就是对代码进行了简化。但是这里还是单独拿出来讲解一...
Jquery练习表单验证 代码如下: