初探jquery——表单应用范例

说来满惭愧的，到今天才接触到jquery，实在是有点晚，不过既然接触到了这么好的东东，就一定要好好挖掘一下。
先来共享几个jquery的资源站
Plugins - jQuery JavaScript Library（这里有不少的jquery插件）
http://jquery.com/这儿就是jquery的老家了
Visual jQuery 1.0 (Automated)jquery的说明文档
15 Days Of jQuery15天学会jquery（其实不用这么长时间）

之前Realazy写过一篇jquery上手教程 http://realazy.org/blog/2006/08/31/small-jquery-tutorial/
我也是受这篇文章启发，做了下面这么一个demo（模仿淘宝）

浏览地址：http://www.healdream.com/upload/html/jquery/form_jquery.html

其实js部分不怎么复杂，倒是在用div+css布局时费了不少事，看一下源文件就知道我是怎么做的了

赞 (0)

相关推荐

  • 详解jQuery简单的表单应用

    详解jQuery简单的表单应用

    大致介绍 接下来的这几个博客是对前面所学知识的一个简单的应用,来加深理解 单行文本框 只介绍一个简单的样式:获取和失去焦点改变样式 基本结构: <form action="#" method="post" id="regFrom"> <fieldset> <legend>个人基本信息</legend> <div> <label for="username">

  • 初探jquery——表单应用范例

    说来满惭愧的,到今天才接触到jquery,实在是有点晚,不过既然接触到了这么好的东东,就一定要好好挖掘一下.先来共享几个jquery的资源站Plugins - jQuery JavaScript Library(这里有不少的jquery插件)http://jquery.com/这儿就是jquery的老家了Visual jQuery 1.0 (Automated)jquery的说明文档15 Days Of jQuery15天学会jquery(其实不用这么长时间) 之前Realazy写过一篇jque

  • jQuery表单域选择器用法分析

    jQuery表单域选择器用法分析

    本文实例分析了jQuery表单域选择器用法.分享给大家供大家参考.具体如下: 表单域是指网页中的input,textarea, select和button元素. 1. :input选择器 复制代码 代码如下: $(":input") 2. :text选择器 复制代码 代码如下: $(":text") 3. :password选择器 复制代码 代码如下: $(":password") 4. :radio选择器 复制代码 代码如下: $("

  • jQuery表单域属性过滤器用法分析

    jQuery表单域属性过滤器用法分析

    本文实例讲述了jQuery表单域属性过滤器用法.分享给大家供大家参考.具体分析如下: 表单内包含各种各样的表单域,使用表单域属性选择器可以很好的获取已被选中的单选按钮,复选框以及列表项,也可以根据是否可用从文档中查找表单域. 1. :checked选择器 用于选择所有被选中的表单域.格式: 复制代码 代码如下: $("selector:checked") 可以是input,radio和checkbox 2. :enabled选择器 用于选择所有可用的表单域,格式: 复制代码 代码如下:

  • jquery表单验证实例仿Toast提示效果

    jquery表单验证实例仿Toast提示效果

    HTML内容部分 <div class="classname"> <label for="">请输入您的手机号码</label> <input type="text" id="MobilePhone"/> <input type="text" /> --> </div> 提示html及样式部分 <div id="e

  • 学习使用jQuery表单验证插件和日历插件

    首先学习使用jQuery表单验证插件: 1.Jquery表单验证插件-Validation的学习与使用 (1)Validation的验证有几种规则,一是在class属性中定义验证规则,如class="required",minlength="2".为了实现将验证规则完全编写到class属性中,另外一种是通过引入新的jquery插件-jquery.metadata.js来实现验证规则的定义,此时表单的验证调用的方法改为如下所示的代码: 将$("#form&q

  • jQuery 表单验证插件formValidation实现个性化错误提示

    jQuery 表单验证插件formValidation实现个性化错误提示

    其效果图如下:使用说明 需要使用jQuery库文件和formValidation库文件[下载实例代码] http://jquery.com/ 同时需要自定义显示提示错误信息的CSS样式 使用实例 一,包含文件部分 复制代码 代码如下: <script src="jquery.js" type="text/javascript"></script> <script src="jquery.validationEngine.js&

  • Yii框架中jquery表单验证插件用法示例

    Yii框架中jquery表单验证插件用法示例

    本文实例讲述了Yii框架中jquery表单验证插件用法.分享给大家供大家参考,具体如下: 运行效果图如下: 视图层: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

  • jQuery 表单验证扩展(四)

    jQuery 表单验证扩展(四)

    周末写的 jQuery 表单验证扩展(三) 这篇文章点击率过低,不知道是文章太失水准还是什么其他原因,这里写文章只是为了分享一下自己写代码的心得,同时也是巩固自己所学的东西!如果文章中存在问题,请大家多多斧正!本篇文章介绍jQuery 表单验证扩展中的控件值的比较 (一). 存在的问题 这篇文章和第一篇中提到的控件值之间的比较没有多大的区别,唯一更近的就是在样式的处理.同时就是对代码进行了简化.但是这里还是单独拿出来讲解一下,此文非常简单,所以不会有大篇幅的讲解. (二). 参数介绍 onFoc

  • jQuery表单验证插件解析(推荐)

    一:插件 (1) Validform_v5.3.1_min.js Validform_Datatype.js (2)网址:http://validform.rjboy.cn 在这个网站上有demo和插件下载链接. 二:普通验证 (1)Validform_Datatype.js /* Validform datatype extension By sean during December 8, 2012 - February 20, 2013 For more information, pleas

  • jquery表单验证需要做些什么

    一.当元素失去焦点时发生blur 事件. 实例:jQuery blur() 方法 添加函数到 blur 事件.当 <input> 字段失去焦点时发生 blur 事件: $("input").blur(function(){ alert("This input field has lost its focus."); }); 定义和用法 当元素失去焦点时发生 blur 事件. blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数

随机推荐