一. 存在的问题 在上篇中我已经提到过，验证提示打算用文本和样式两种方式来显示提示消息，这两种提示都只能单独使用，于是新的跟新内容做了一些扩展，使得两者可以共用。前一篇写的是否必填项这个验证只是正对 Text， TextArea 这两个表单元素，在新的扩展中同时也支持了radio，checkbox 两个元素。 二. 验证参数的设计 基于多重选择的考虑，扩展了一些有必要的参数，参数列表如下： required: 是否为必填项，true 和 false ，tru...
周末写的 jQuery 表单验证扩展(三) 这篇文章点击率过低，不知道是文章太失水准还是什么其他原因，这里写文章只是为了分享一下自己写代码的心得，同时也是巩固自己所学的东西!如果文章中存在问题，请大家多多斧正！本篇文章介绍jQuery 表单验证扩展中的控件值的比较 (一). 存在的问题 这篇文章和第一篇中提到的控件值之间的比较没有多大的区别，唯一更近的就是在样式的处理。同时就是对代码进行了简化。但是这里还是单独拿出来讲解一...
代码如下: ////----------------Author Teng------------- //验证是否为空 function check_blank(obj, obj_name){ if(obj.value != ){ return true; }else{ alert(obj_name + "所填不能为空！"); obj.value = ""; return false; } } //过滤输入字符的长度 function check_str_len(name,obj,maxLength){ obj.value=obj.value.replace(/(^\s*)|(\s*$)/g, ""); var newvalue = obj.value.replace(/[^\x00-\xff]/g, "**"); var length1...
Jquery练习表单验证 代码如下:
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本文是介绍两个最常用的jQuery插件. 分别用于表单验证和自动完成提示(类似google suggest). 二.前言 研究别人的作品真是一件花时间而且痛苦的过程. 当然也和本人英文不好有关. 总觉得控件作者写了很多文档但是都不够系统, 需要深入研究很多的实例后才能了解作者的思路.所以学习和研究一个插...
首先看下效果，没什么特别，呵呵！ 调用的代码呢，则是相当简单，不需要创建其他的Label或者span标签，脚本将自动生成： 代码如下: 接下来我们看下这个checkResult这个函数，checkCondition参数表示判断条件，当条件为true时显示提示信息；showAfterId参数为创建的显示提示信息的标签之前的元素ID，在这里我们在input后面创建一个span来显示提示信息，因而 传入的参数值为当前input的ID“txt1”；最后一个参数为显示的文字，这个...
1.只能输入数字和英文的： 2.只能输入数字的： 3.只能输入全角的： 4.只能输入汉字的： -------------------------------------------------------------------------------- 验证非法字符，sql function vdf() { var i,j,name,value,message,length,type,a=vdf.arguments,cb_name; for (i=0; i{ if (a[i].indexOf('#')!=-1) { name=fob(a[i].substr(0,a[i].indexOf('#'))); cb_name=fob(a[i].substr((a[i].indexOf('#')+1),a[...
很显然，这样做能提升更好的用户体验。 html代码： 代码如下: jquery代码： 代码如下: $(function(){ $('form :input').blur(function(){ var $parent=$(this).parent(); $parent.find(".formtips").remove(); if($(this).is('#username')) { if(this.value==""||this.value.lengthvar msg="请输入至少6位用户名"; $(msg).appendTo($parent); }else{ var msg="输入正确"; $(msg).appendTo($parent); } } }).keyup(function(){...
枚举对象的使用： 代码如下: //各种验证方式支持的标签类型 sustainType: function (elem, setting) { var srcTag = elem.tagName; var stype = elem.type; switch (setting.validatetype) { case _validTypeEnum.InitValidator: return true; case _validTypeEnum.InputValidator: if (srcTag == _validTagEnum.INPUT || srcTag == _validTagEnum.TEXTAREA || srcTag == _validTagEnum.SELECT) { return true; } else { return f...
1. 页面效果，自动提示验证信息... 2. 页面代码 代码如下: 表单验证页面 $(function () { //加载验证信息 $('#uiform input').each(function () { if ($(this).attr('required') || $(this).attr('validType')) $(this).validatebox(); }) $('#ajax_test2').click(function () { $.ajax({ url: "../Handler1.ashx?Menthod=Login", type: 'post', data: {name:"123456"}, timeout: 30000, beforeSend: function (XMLHttpRe...
先下页面代码： 代码如下: $(document).ready(function () { $('.formToCheck').formCheck(); }); form { width: 300px; } label { position: absolute; } input:not(.submit), textarea { margin-left: 100px; width: 200px; } .submit { margin-left: 100px; } .error { border:1px solid red; } 我们定义了一个form，定义了几个输入框，请注意class属性，有的是class="required"，说明该项是必填项；class="re...
1.首先在项目中添加必备js与css 2.代码中添加引用（必备引用） 代码如下: 3.中要验证的标签（做一些常用的演示） 代码如下: 身份证(正则表达式库): 身份证(外部函数): 整数: 正整数: 负整数: 数字: 正数（正整数 + 0）: 负数（负整数 + 0）: 浮点数: 正浮点数: 负浮点数: 非负浮点数（正浮点数 + 0）: 非正浮点数（负浮点数 + 0）: 颜色: 你的EMAIL: ...
在线演示 大家还记得我们曾经介绍过的表单验证jquery插件jquery.validationEngine吧，使用这个插件你不需要写任何一行js代码就可以生成一个功能强大的表单验证功能。是不是超棒？ 今天介绍的Parsley同样也可以帮助你只使用简单的配置即可实现表单验证功能，基于它的强大DOM-API。 主要特性 基于超棒的用户体验 超级方便配置 超轻量级(压缩后12K），支持jQuery和Zepto 超简单，只需要简单配置DOM-API，类似jQuery的data API 绝对免费...
表单问题，是个纠结的问题，我觉得这个是程序开发人员要去处理的东西，但是有时候程序又要前端去处理，那要看你的后台搭档怎么样了？苦逼的前端哇，不过还是自己了解一点还是比较好，你搞我也可以搞，你不搞我还可以搞，哈哈 。如果对你有用欢迎留言，共同探讨，共同进步，废话不说，贴代码（为了童鞋们方便，本代码复制即可用，无需分块拼凑）： 代码如下: 表单验证的完整应用 .leftside{width:100px; text-align:right;floa...
[html] 代码如下: var formValidate = new formValidate(); formValidate.init({}); [javascript] 代码如下: /* * 通用JS验证类 * 使用方法： * var formValidate = new formValidate(); * formValidate.init({}); * 注意： * * id为formValidate * * * validate="zip_code" 验证是否是邮政编码 * empty="yes" 验证是否允许为空 * min=10 最小长度 * max=10 最大长度 * 显示提示内容 */ var formValidate = function ()...