javascript正则表达式验证日期(区别平年和闰年) 以前我们写正则表达式验证日期都只会考虑到平年而不会考虑到闰年,今天我们详细的介绍了关于在写正则时关于闰年和平年的区分写法。 DateTime 值类型表示值范围在公元(基督纪元)0001 年 1 月 1 日午夜 12:00:00 到公元 (C.E.) 9999 年 12 月 31 日晚上 11:59:59 之间的日期和时间。 我们进入正题。 首先需要验证年份,显然,年份范围为 0001 - 9999,匹配YYYY的正则表达式为: [0-9]{3}[1-9]|[0-9]{2}[1-9... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
javascript正则表达式验证各种文本框输入格式 本文章介绍了类型各种文本输入框里面的输入格式进行正则表达式验证常用代码,主要是针对表单进行处理,学习正则表达式的朋友可以参考一下,不容错过此文章哦。 手机号为13开头的11位数字,代码如下: function f_MobilCheck(as_SourceString) { if(as_SourceString.match(/^13[0-9]{9}$/g)) return true; //手机号为13开头的11位数字  ... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
兼容ie,ff,chrome的javascript窗口关闭代码 本文章简单的介绍了兼容ie,ff,chrome的javascript窗口关闭代码有需要的同这可以参考一下,代码如下: function windowclose() { var browserName = navigator.appName; if (browserName=="Netscape") { window.open('', ... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
window.parent与window.openner用法与区别 本文章来介绍一下关于window.parent与window.openner用法和区别有需要了解的同学可以参考一下。 frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面。 window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面. 可以这样: window.frames[0].document.getElementById('xx'); 可以这样: window.frames[0].document.body.inn... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQueryui datepicker时间控件在动态创建表单中的使用 datepicker是一个不错的日期插件了,我们今天一起来看看jQueryui datepicker时间控件在动态创建表单中的使用吧,希望文章能够对各位有帮助. 例子: <script> //页面初始化 $(document).ready(function() { //固定表单 $('#contract_date').datepicker();&... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
Bootstrap中点击后禁用按钮的最佳方法 Bootstrap中点击后禁用按钮与js有什么区别呢要如何来实现呢,今天我们就一起来看一篇关于Bootstrap中点击后禁用按钮的最佳方法,具体的例子如下所示. 为了防止在Bootstrap中点击按钮多次提交,所以希望点击按钮后禁用按钮。 具体实现方法如下: //禁用button $('button').addClass('disabled'); // Disables visually $('button').prop('disabled', true);... 2016年01月13日 前端设计 暂无评论 喜欢 12 阅读 0 views 次 阅读全文
Bootstrap中点击按钮后变灰并显示加载中例子 Bootstrap插件非常的好用了,我们今天一起来看一篇关于Bootstrap实现点击按钮之后按钮变成不可点击的一个效果了,具体的如下所示. 1.在按钮中加入data-loading-text,即点击按钮后显示的文字 <button type="submit" class="btn btn-primary btn-check" data-loading-text="提交中...">添加成员</button> 2.当点击按钮后禁用按钮,并显示文字。如需... 2016年01月13日 前端设计 评论 1 条 喜欢 12 阅读 0 views 次 阅读全文
基于jquery插件Tocify动态节点目录菜单生成器 Tocify插件是基于jquery的一个节点目录菜单生成器了,我们看到一个不错的关于Tocify节点目录菜单生成器的例子,下面我们就一起来看看吧. Tocify是一个能够动态生成文章节点目录的jQuery插件。假如我们有一篇很长的文章,文章有多个节点,那么使用Tocify可以根据节点元素动态生成文章目录,点击目录可以平滑滚动到对应的节点,当然当滚动页面时,目录结构会根据当前监听到的节点进行切换到当前目录状态。 T... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery ajax跨域用jsonp方式调用web服务的例子 ajax跨域对于许多的朋友来讲还是用到的比较少了,但在一些大的应用开发时会用到了ajax跨域用jsonp了,下面我们就来看一篇jquery ajax跨域用jsonp方式调用web服务的代码实例,希望文章能够帮助到各位朋友。 在做一个demo的项目,需要将php,.net的几个人,加起来一起做个web系统。考虑到语言不通,demo要的急。就直接web使用html+js+asmx服务的方式进行开发。 数据请求及返回流程是这样的: 理解了上面的流... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
js实现百度地图与列表联动代码 百度地图做开发时会有许多的一些功能要实现了,我们下面来看一篇关于百度地图与列表联动代码例子吧,具体的操作细节如下所示,在项目中,经常遇到使用地图和列表同时展示数据的时候,数据需要显示一致性,点击表格的数据,可以定位到地图,今天就分享一下这个场景的下的js操作代码. 实际上实现原理很简单,就是在表格生成的时候,给每一行添加一个事件,定位到地图. 1、生成表格数据,并生成点击事件 function&nb... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery中ajax的全局/局部事件例子 ajax是一个不错的命令了我们今天一起来看看关于jquery中ajax的全局/局部事件的一些使用例子,希望这个例子能够帮助到各位朋友,各位可以来看看吧。 (一) 局部事件 local events 局部事件:在单个Ajax请求对象中绑定的事件,每一个 Ajax 请求对象可以根据需要绑定自己的局部事件 。局部事件只会被那个绑定该事件的 Ajax 对象触发,是属于单个 Ajax 对象的私有(即局部)事件。此类事件包括:beforeSend、comp... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
基于jQuery选取月份插件的使用教程 月份插件就是可以选择年月日了,我们在网上可以找到许多的日期插件,下面一起来看一个基于jQuery选取月份插件的使用教程,希望能够帮助到各位同学哦。 这是一个基于jQuery的可以选择年份和月份的月份拾取插件,你可以设置点击页面上的任意元素触发弹出年月选择面板,可以是一个链接也可以是一个输入框,广泛应用于月份查询,而无需设置select表单。 HTML,首先将monthpicker插件相关的css和js文件载入,大家... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery歌词同步的音乐播放器插件DEMO演示 音乐播放器效果可以实现在指定的时间段播放那一行歌词了这个很像许多的音乐播放器客户端了,下面来看一个例子。 今天要分享的一款基于jQuery的音乐播放器,它的特点是歌词和音乐可以同步播放,而且播放器整体非常精巧,适当修改可以作为你博客的播放器挂件。 html代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
基于jQuery的jBar消息提醒插件使用例子 jBar 是一个简单和轻量级 jQuery 通知栏,JBar 允许您创建简单的行动要求,使其用户可以查看在您的网站顶端的信息。用户可以通过单击功能区切换栏的可见性 jBar是一个简单的jQuery插件,允许你在你的网站上弹出提示消息层,没有过多的动画效果和特效,比较实用的消息提示插件,可以支持自定义消息的颜色和显示效果以及位置。 使用方法: 1、引入插件文件和jQuery库 <link rel="stylesheet" ty... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery和CSS3制作的响应式水平时间轴的例子 响应式效果就是我们拉动页面就可以加载数据的一个简单的效果,这种响应式效果在手机中用到的非常的多了,今天我们一起来看一个使用jQuery和CSS3制作的响应式水平时间轴的例子,具体的操作细节如下所示。 我们经常看到有很多的垂直时间轴用来记录事件进展,而有朋友问我要求分享水平的时间轴,其实水平时间轴的难点在于自适应屏幕尺寸。那么 今天我要给大家分享的是一款支持响应式、支持触屏手势滑动的水平... 2016年01月13日 前端设计 暂无评论 喜欢 2 阅读 0 views 次 阅读全文
jquery操作iframe中的元素和js函数 iframe调用界面我们可以使用上级函数来进行操作了,这个功能小编常会使用到,今天一起来看一个例子,具体细节如下所示。 1、jquery操作iframe中的元素(2种方式) var str = $(window.frames["iframe"].document).find("#ljiong").html(); var stk = $("#iframe").contents().find("#ljiong").html(); 2、操作父界面中的元素(header:为某个... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
JQuery为元素添加样式的详解 最简单的做法就是直接给元素绑定样式了,但有是像注册验证这一块需要由js来实现给元素添加样式,那么要如何来实现呢,具体如下。 列举下对css样式操作的方法: 1、.css(“样式”):获得样式值,比如$(“input”).css(“color”) 获得input中字体的颜色 2、.css(“样式”,”value”):为样式赋值,如$(“input”).css(“color”,”red”); 3、.addClass(“样式类1,样式类2,样式类3″):可以添加多个定义好的样式类 4、.hasClass... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jquery的事件名称和命名空间的例子 命名空间在net中知道之后发现在jsp,php中都会了现了命名空间功能,今天我们就一起来看一个jquery的事件名称和命名空间的例子 前言: 在jquery的官方API中,有对命名空间的一些描述,地址是:http://api.jquery.com/on/ 这里面有一些英文介绍,题目是“Event names and namespaces”下面有一些介绍。 假如一些朋友不是很理解的话,我在这里简单的介绍一下! jQuery事件命名空间: 我们先看一些代码: $(“#haor... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文
jQuery ajax 响应数据处理 在日常开发中,ajax是占了很重要一部分的,本文我们来分析 jQuery ajax 响应数据处理及jQuery的Ajax时无响应数据的解决方法,ajax在得到请求响应后主要会做两个处理:获取响应数据和使用类型转化器转化数据. a.获取响应数据 获取响应数据是调用ajaxHandleResponses函数来处理。 ajaxHandleResponses的功能有: - 为jqXHR设置所有responseXXX字段(值便是响应数据) - 找到正确的dataType (在content-type和预期... 2016年01月13日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文
jquery图片上传和裁剪应用:Croppie使用例子 图片裁剪我们需要通过jquery定位然后把坐标传给php再由php进行图片的裁剪操作了,今天我们就一起来看一篇关于jquery图片上传和裁剪应用:Croppie使用例子,希望对大家有帮助。 在很多应用需要上传本地图片然后再按尺寸适当裁剪以符合网站对图片尺寸的要求。最常见的就是各用户系统要求用户上传和裁剪头像的应用。今天我给大家介绍的是一款基于HTML5和jQuery的图片上传和裁剪插件,它叫Croppie。 HTML: 首先... 2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文