表单从不可用变为可用jquery

js实现input button从不可用变为可用

有时候明明是些很简单的东西,因为自己的一些大意,可能就在那圈子里一直兜兜转转,好久都绕不出来. 所以我也愿意把这些很简单的愚蠢写出来,与君共享~ 首先大家知道<input>有一个名叫“button”的type,它的可见与否由“disabled”属性决定. 下面的代码,我的原意是一个输入框和三个按钮.在点击“编辑”按钮前,另外三个都属于“不可用”状态,点击以后方能恢复可用. <html> <head> <meta http-equiv="Content-T

表单美化-原生javascript和jQuery多选按钮（兼容IE6）

前些天我们讲了下单选按钮的美化今天来做表单元素多选按钮的美化.我们的想法是:利用多选按钮是否被选中和是否不给选择的特性来为按钮的父元素添加对应的样式,就是说用什么的样式是由按钮的状态来决定. 用到的图片效果代码我就不具体一步一步做了有兴趣的童鞋可以参见下我第一篇美化表单的文章http://blog.csdn.net/qianqianyixiao1/article/details/40422769 首先我们用原生的javascript来做这个效果需要注意的是IE8以下是不支持getEleme

表单美化-原生javascript和jQuery单选按钮（兼容IE6）

最近很多人问怎么美化表单的元素,大家都知道表单元素在各个浏览器中的表现不一,反正也是特别的丑,那么问题就来了,我们能自己设计表单元素的外观么?答案是可以的,现在我们就来试试吧.我们用两种方式来实现这一效果,一种是用原生的javascript 和一种是现在特别流行的javascript框架jQuery来实现这一效果. 首先我们先来用javascript的方式,不了解原生javascript的童鞋可以跳过这个直接进去jQuery的部分.javascript是前端的基础建议大家还是要学习下原生java

Ajax提交form表单内容和文件（jQuery.form.js）

jQuery官网是这样介绍form.js A simple way to AJAX-ify any form on your page; with file upload and progress support.简单来说就是用ajax提交form表单(含file内容)内容 form.js提供的API方法 API API描述参数 ajaxForm 增加所有需要的事件监听器,为ajax提交表单做准备.ajaxForm并不能提交表单.在document的ready函数中,使用ajaxForm来为a

delaycall.js 修改表单延迟自动提交的 jQuery / Zepto 插件

delaycall.js delaycall 是一个 jQuery / Zepto 插件,用于在用户完成某项操作后,延迟指定秒数后自动调动指定函数.如用户输入完内容后,延迟1秒,自动提交表单. GitHub Repository https://github.com/yzchen0o0/delaycall git@OSC Repository http://git.oschina.net/cyzshenzhen/delaycall Demo 点击查看在线演示地址 Quick Start Guid

表单美化-原生javascript和jQuery下拉列表（兼容IE6）

效果: 思想:用其他标签配合脚本和隐藏的input并通过传值模拟表单元素中的select <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0} .selectL

用jQuery写的最简单的表单验证

近几天完成了关于我们项目的最简单的表单验证,是用jQuery写的,由于之前也一直没学过jQuery,所以自己也是一直处于边摸索边学习的阶段,经过这一段时间的学习,通过查资料啥的,也发现了学习jQuery需要注意的地方,可能不准确只是自己的见解:1.在jQuery中 $()方法等价于jQuery()方法.括号里面可以是 css选择器(标签选择器$('p').类选择器$('.myClass').id选择器$('#myId'),:first,:last,:parent ,:hidden,:visibl

Form 表单用 Ajax 提交数据并用 jQuery Validate 验证

表单填写需要验证可用插件 jQuery Validate 提交数据使用 Ajax 可操控性得到提到注意:请自行引入 jQuery 和 jQuery Validate HTML 代码 <form class="icmxform" id="testForm" method="get" action="index.html"> <fieldset> <legend>输入您的名字,邮箱,URL,以

使用jQuery.form插件，实现完美的表单异步提交

传送门:异步编程系列目录…… 时间真快,转眼一个月快结束了,一个月没写博客了!手开始生了,怎么开始呢…… 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 月份的尾巴,今天的主题是今天我想介绍的是一款jQuery的插件:Jquery.form.js 官网. 通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传.进度条显示等等. 种表单提交示例,并简单分析了各种方式的利弊. 当然主题还是使用jQuery表单插件轻松实现表单异步提交以及分析下该插件的源码. AS

Jquery选择器分类：基本选择器，层次选择器，过滤选择器，表单选择器。

基本选择器说明:通过元素id.class和标签名等来查找DOM元素 1.id选择器:$("#test");//选取id为test的元素 2.类选择器:$(".test");//选取所有class为test的元素,其他:$('div.mini') 3.标签选择器:$("div");//选取所有的<div>元素 4.群组选择器:$("p,div,.test");//选取所有<P>,<div>和

jquery validate表单验证插件-推荐

1 表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮助提醒对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的

ASP.NET MVC Jquery Validate 表单验证的多种方式

在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS 验证,但是如果是团队项目,为了达到代码的统一还是调用统一的表单验证方式比较合适.下面介绍在 ASP.NET MVC中结合Jquery Validate 进行表单验证的方式.首先推荐一篇关于Jquery Validate 如何使用的博文,写的很详细.http://www.cnblogs.com/

jquery validate表单验证插件

1 表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮助提醒对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的

使用jQuery，实现完美的表单异步提交

jQuery异步提交表单 <form id="form1" method="post"> <table border="1"> <tr> <td>用户名:</td> <td> <input type="text" name="loginName" /></td> </tr> <tr> &l

jQuery/javascript实现网页注册的表单验证

<html> <head> <meta charset="utf-8"> <title>注册表单验证</title> <script src="jquery.js"></script> <style type="text/css"> table{background-color:pink;width:80%;height:300px;} td{text

jQuery Form 表单提交插件----Form 简介，官方文档，官方下载地址

一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit(), 它们集合了从控制表单元素到决定如何管理提交进程的功能.另外,插件还包括其他的一些方法: formToArray().formSerialize().fieldSerialize().fieldValue().clearForm().clearFields(

jQuery Validate 表单验证插件----Validate简介，官方文档，官方下载地址

一. jQuery Validate 插件的介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 Jörn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的主要

jQuery插件 -- 表单验证插件jquery.validate.js, jquery.metadata.js

原文地址:http://blog.csdn.net/zzq58157383/article/details/7718352 最常使用JavaScript的场合就是表单的验证,而jQuery作为一个优秀的JavaScript库,也提供了一个优秀的表单验证插件----Validation.Validation是历史最悠久的jQuery插件之一,经过了全球范围内不同项目的验证,并得到了许多Web开发者的好评.作为一个标准的验证方法库,Validation拥有如下特点: 1.内置验证规则: 拥有必填

jQuery实现表单验证

表单是网页的一个重要组成部分.本节做一个简单的表单提交网页然后利用jQuery实现表单的验证.后续的表单完善以及功能的完善会在以后的博客中给出. 效果图: 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http

基于Jquery Validate 的表单验证

基于Jquery Validate 的表单验证 jquery.validate.js是jquery下的一个验证插件,运用此插件我们可以很便捷的对表单元素进行格式验证. 在讲述基于Jquery Validate的表单验证前,我们先回顾一下基础纯JS的表单验证. 1.回顾基于JS的表单验证我们先写一个简单的验证邮箱.手机号的表单,页面代码如下: <form action="XXXX.action" method="post" onsubmit="ret

表单从不可用变为可用jquery

热门专题