当前位置:  编程技术>WEB前端
本页文章导读:
    ▪【javascript】提取URL的搜索字符串中的参数      今天在犀牛书上发现了一个有用的函数 urlArgs(提取URL的搜索字符串中的参数)。我们经常会看到有的页面链接地址后面会跟有参数,比如 http://www.xxx.com/?username=yyy&password=zzz 之类的,很多.........
    ▪jQuery校验validate详解         jQuery校验 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一导入js库 <script src=/blog_article/"/js/jquery.js"type="text/javascript"></script>/index.html <script src=/blog_article/"/js/jquery.v........._/font/index.html>
    ▪来源:跨浏览器的HTML5 Audio解决方案 - Audio5js      日期:2013-1-22  来源:GBin1.com 在线演示 HTML5 audio的确非常棒,能够快速简单的帮助你添加音频到你的网页上。但是唯一遗憾的是不支持老版本的浏览器。 而Audio5js恰恰是一个能够帮助.........

[1]【javascript】提取URL的搜索字符串中的参数
    来源:    发布时间: 2013-11-06

今天在犀牛书上发现了一个有用的函数 urlArgs(提取URL的搜索字符串中的参数)。我们经常会看到有的页面链接地址后面会跟有参数,比如 http://www.xxx.com/?username=yyy&password=zzz 之类的,很多时候我们需要获得这些参数的值(yyy和zzz),那么就可以利用 urlArgs 函数,通过该函数的返回值(返回值是对象)的属性来获取。

urlArgs 函数代码:

function urlArgs(){
var args = {};
var query = location.search.substring(1);
var pairs = query.split('&');
for(var i = 0; i < pairs.length; i++){
var pos = pairs[i].indexOf('=');
if(pos == -1) continue;
var name = pairs[i].substring(0,pos);
var value = pairs[i].substring(pos + 1);
value = decodeURIComponent(value);
args[name] = value;
}
return args;
}

使用方法:

比如链接地址:http://www.xxx.com/?username=yyy&password=zzz

var args = urlArgs();
var username = args.username; //yyy
var password = args.password; //zzz

 

本文链接


    
[2]jQuery校验validate详解
    来源: 互联网  发布时间: 2013-11-06
   jQuery校验 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation
一导入js库

<script src=/blog_article/"/js/jquery.js"type="text/javascript"></script>/index.html
<script src=/blog_article/"/js/jquery.validate.js"type="text/javascript"></script>_/p/index.html> 二、默认校验规则

(1)required:true              必输字段
(2)remote:"check.php"         使用ajax方法调用check.php验证输入值
(3)email:true                 必须输入正确格式的电子邮件
(4)url:true                   必须输入正确格式的网址
(5)date:true                  必须输入正确格式的日期 日期校验ie6出错,慎用
(6)dateISO:true               必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
(7)number:true                必须输入合法的数字(负数,小数)
(8)digits:true                必须输入整数
(9)creditcard:                必须输入合法的信用卡号
(10)equalTo:"#field"          输入值必须和#field相同
(11)accept:                   输入拥有合法后缀名的字符串(上传文件的后缀)
(12)maxlength:5               输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10              输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10]        输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)range:[5,10]              输入值必须介于 5 和 10 之间
(16)max:5                     输入值不能大于5
(17)min:10                    输入值不能小于10

 

三、默认的提示

messages: {
    required:"This field is required.",
    remote:"Please fix this field.",
    email:"Please enter a valid email address.",
    url: "Pleaseenter a valid URL.",
    date:"Please enter a valid date.",
    dateISO:"Please enter a valid date (ISO).",
    dateDE:"Bitte geben Sie ein g眉ltiges Datum ein.",
    number:"Please enter a valid number.",
    numberDE:"Bitte geben Sie eine Nummer ein.",
    digits:"Please enter only digits",
    creditcard:"Please enter a valid credit card number.",
    equalTo:"Please enter the same value again.",
    accept:"Please enter a value with a valid extension.",
    maxlength:$.validator.format("Please enter no more than {0}characters."),
    minlength:$.validator.format("Please enter at least {0} characters."),
    rangelength:$.validator.format("Please enter a value between {0} and {1}characters long."),
    range:$.validator.format("Please enter a value between {0} and{1}."),
    max:$.validator.format("Please enter a value less than or equal to{0}."),
    min:$.validator.format("Please enter a value greater than or equal to{0}.")
},

如需要修改,可在js代码中加入:

jQuery.extend(jQuery.validator.messages, {
       required: "必选字段",
  remote:"请修正该字段",
  email:"请输入正确格式的电子邮件",
  url:"请输入合法的网址",
  date:"请输入合法的日期",
  dateISO: "请输入合法的日期(ISO).",
  number:"请输入合法的数字",
  digits:"只能输入整数",
  creditcard:"请输入合法的信用卡号",
  equalTo:"请再次输入相同的值",
  accept:"请输入拥有合法后缀名的字符串",
  maxlength:jQuery.validator.format("请输入一个 长度最多是 {0} 的字符串"),
  mi

    
[3]来源:跨浏览器的HTML5 Audio解决方案 - Audio5js
    来源: 互联网  发布时间: 2013-11-06

日期:2013-1-22  来源:GBin1.com


在线演示

HTML5 audio的确非常棒,能够快速简单的帮助你添加音频到你的网页上。但是唯一遗憾的是不支持老版本的浏览器。

而Audio5js恰恰是一个能够帮助你解决类似这样的浏览器兼容性问题的js类库,轻量级并且能够很优雅的使用flash向前兼容老版本的浏览器。

这个类库自动监测用户使用的浏览器,了解兼容性及其相关属性使用正确的codec来自动加载正确的播放器。

主要特性:
  • 拥有完整API来控制“加载”,“播放”,“暂停”,“音量”和“查找”
  • 并且可以得到播放内容的具体相关信息
  • 不依赖任何类库
  • 兼容版本浏览器,包括:
    • IE8, IE9
    • Chrome 23 (Mac)
    • Firefox 17 (Mac)
    • Safari 6
    • Opera 12 (Mac)
    • Safari Mobile (iOS 6.0)
    • Webkit Mobile (Android 4.0.4)来源:

      来源: 跨浏览器的HTML5 Audio解决方案 - Audio5js

作者:jjfat 发表于2013-1-22 16:57:17 原文链接
阅读:43 评论:0 查看评论

    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
docker中文入门学习手册 iis7站长之家
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3