再次申明，插件问题比较多，后期一个个来解决，请不要恶言相向。希望各位多多提好的建议善言。 一. 分析表单验证的基本情况 在我们做web开发的过程中，会遇到各种各样的验证。归纳一下基本可以分为一下几类: (1). 是否必填项 [这个是非常基本的] (2). 输入参数中的范围校验 (3). 输入参数与另外一个控件值的比较 (4). 输入的参数正则表达式验证 二. 是否必填项验证 有如下几种情况: （1） 输入框获得焦点提示 （2）输入框失去焦点验...
前言: 当jquery ajax在utf-8编码下（页面utf－8，接收utf-8），无任何问题。可以正常post、get，处理页面直接获取正确的内容。 但在以下情况下: GBK -> AJAX POST ->GBK UTF-8 -> AJAX POST ->GBK 后台代码无法获取正确的内容，通常表现为获取到奇怪字符、问号。 经典解决方法： 1：发送页面、接收页面均采用UTF-8编码。 2：发送页面在调用ajax post方法之前，将含有中文内容的input用encodeURIComponent编码一次，而接收页面则调用...
在看这篇文章之前， 可以看看前两篇文章，表单验证输入范围验证是在原有的基础上改写的。 (一). 输入范围验证存在问题 在第二篇上提到的问题，在原有的验证中也存在相同的问题。当然在这次改写中也解决了一些这些问题。同时也添加了对radio，checkbox，select 元素的验证。当然对于时间的验证仍没有解决，后续过程中会继续补充！ (二). 验证参数的设计 onEmptyText: 当输入内容为空的时候显示文本 onEmptyClass: 当输入内容为空的时...
一. 存在的问题 在上篇中我已经提到过，验证提示打算用文本和样式两种方式来显示提示消息，这两种提示都只能单独使用，于是新的跟新内容做了一些扩展，使得两者可以共用。前一篇写的是否必填项这个验证只是正对 Text， TextArea 这两个表单元素，在新的扩展中同时也支持了radio，checkbox 两个元素。 二. 验证参数的设计 基于多重选择的考虑，扩展了一些有必要的参数，参数列表如下： required: 是否为必填项，true 和 false ，tru...
周末写的 jQuery 表单验证扩展(三) 这篇文章点击率过低，不知道是文章太失水准还是什么其他原因，这里写文章只是为了分享一下自己写代码的心得，同时也是巩固自己所学的东西!如果文章中存在问题，请大家多多斧正！本篇文章介绍jQuery 表单验证扩展中的控件值的比较 (一). 存在的问题 这篇文章和第一篇中提到的控件值之间的比较没有多大的区别，唯一更近的就是在样式的处理。同时就是对代码进行了简化。但是这里还是单独拿出来讲解一...
1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数。 使用 jQuery 异步提交表单代码： 代码如下: 无标题页 jQuery(function($) { // 使用 jQuery 异步提交表单 $('#f1').submit(function() { $.ajax({ url: 'ta.aspx', data: $('#f1').serialize(), type: "post", cache : false, success: function(data) {alert(data);} }); return false; }); }); 如何异步跨域提交表单呢? 1.利用sc...
:nth-child(index/even/odd/equation)匹配其父元素下的第N个子或奇偶元素 :eq(index) 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！ 可以使用:nth-child(even):nth-child(odd):nth-child(3n):nth-child(2):nth-child(3n+1):nth-child(3n+2) Matches the nth-child of its parent. While :eq(index) matches only a single element, this matches more then one: One for each pa...
Jquery练习表单验证 代码如下:
最近使用jQuery UI的Dialog控件时发现如果在此控件放置表单，则所有表单均无法正常提交，具体表现为： 1.提交按钮失效，点击后无任何反应。 2.即便是使用其它手段使页面产生提交，服务器端也无法取到Dialog中的表单数据。 研究了页面源码后发现，jQuery UI Dialog控件初始化时动态生成的HTML元素被添加到页面的尾部、form元素的后面，而原始的Dialog模板部分（其内包含表单元素）也被移到了 动态生成的HTML元素内。也就是说，原先在...
在Jquery中这三个函数如果有参数的话就是赋值操作，没有参数则是取值操作，其中val()是一个很重要的方法，和它相关的表单对象如：input系的标签、select、textarea等都是用于和服务器端交互的标签元素，所以要搞清楚这个val（）； 对于radio、checkbox、select的赋值操作： 代码如下: $("input[name=a]").val(["娱乐1"]); $("input[type=checkbox]").val(["篮球", "游戏"]); $("select").val(["篮球", "游戏"]); 代码分析： 对ra...
.serializeArray() 序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。(摘自jquery文档)。 有以下一个表单窗口，代码： 代码如下: JavaScript代码处理表单： 代码如下: $(function () { $("#butsubmit").click(function(){ var data = convertArray($("#tf").serializeArray()); $.post(url, data, function (d) {},"json"); }); }) function convertArray(o) { //主要是推荐这个函数。它将jquery系列化后的...
一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本文是介绍两个最常用的jQuery插件. 分别用于表单验证和自动完成提示(类似google suggest). 二.前言 研究别人的作品真是一件花时间而且痛苦的过程. 当然也和本人英文不好有关. 总觉得控件作者写了很多文档但是都不够系统, 需要深入研究很多的实例后才能了解作者的思路.所以学习和研究一个插...
本文收集了非常棒的jQuery表单插件与大家分享，欢迎大家推荐更多更好的插件。 1- jQuery inline form validation2- Uniform 3- Autotab 4- jquery Niceforms 5- jquery Form Validator6- Toggle FormText plug-in 7- jQuery Field Plug-in 8- In-Field Labels jQuery Plugin 9- jQuery Comment Preview10- Input Fields with Images11- Pretty Comments12- jQuery Highlight Plugin13- Select Multiple Form Fields14- Password M...
改变文本框的获得焦点的样式 代码如下: 首先在css中添加一个类名为focus的样式。 css代码如下： 代码如下: .focus { border: 1px solid #f00; background: #fcc; } 然后为文本框添加获取和失去焦点事件 代码如下: $(function(){ $(":input").focus(function(){ $(this).addClass("focus"); }).blur(function(){ $(this).removeClass("focus"); }); }); 多行文本框的作用 设置评论框的最小高度和最大高度： 代码如下: 1,当...
checkbox的级联效果 代码如下: 你爱好的运动？ 全选/全不选 足球 篮球 羽毛球 乓球球 $(#CheckedAll).click(function(){ $([name=items]:checkbox).attr("checked", this.checked); }) 当单击id为"CheckedAll"的复选框后，复选框组将被选中，当在复选框组中取消某一个选项的选中状态时，id为"CheckedAll"的复选框并没有被取消选中状态。 为解决这个问题： 代码如下: $([name=items]:checkbox).click( function(){ var flag = ...