1.碰到的第一个问题是：
往body上加载check，用load不管用，可以用ready试试。
2.原来jquery里获取用的val（），我一直以为是value（）。。。 尴尬
3.两个标志位是为了判断用户密码是否已经输入，如果不满足条件，则无法提交登录。
&script src="{$smarty.const.BASE_URL}js/jquery.js"&&/script&
var uflag=var pflag=$(function(){ $('#body').ready(check);});$(function(){ $('#login-form').submit(check);});function check(){ $('#username').focus(function(){
$('#username').next().html("请输入用户名");
uflag= }); $('#username').blur(function(){
if($('#username').val()==""){
$('#username').next().html("用户名不能为空");
$('#username').next().html("正确");
} }); $('#password').focus(function(){
$('#password').next().html("请输入密码");
pflag= }); $('#password').blur(function(){
if($('#password').val()==""){
$('#password').next().html("密码为空");
$('#password').next().html("正确");
} }); if(pflag==true&&uflag==true){
};}&/script&
阅读(...) 评论()最近做了一版微信宣传页，通过JQ来判断设备，并进行下载
微信内置浏览器对下载链接进行了屏蔽，所以先进行判断，如果是微信内置浏览器，则跳转应用宝链接，如果不是，则判断是iPhone/Adroid/PC 并进行跳转
代码如下：
function downloadApp(){
var u = navigator.userA
var ua = navigator.userAgent.toLowerCase();
var isAndroid = u.indexOf('Android') & -1 || u.indexOf('Adr') & -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if(ua.match(/MicroMessenger/i)=="micromessenger") {
//微信内置浏览器
$(".download a").click(function(){
window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名 '
if(isiOS){
$(".download a").click(function(){
window.location.href='https://itunes.apple.com/cn/app/应用名'
}else if(isAndroid){
$(".download a").click(function(){
window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名'
$(".download a").click(function(){
window.location.href='应用链接'
测试发现，&a&标签里竟然出现了 需要点击二次才能跳转的情况，所以进行完善，而且发现已经在时间上绑定了click事件 还包在函数里 好像有点多此一举。。
$(function(){
var u = navigator.userA
var ua = navigator.userAgent.toLowerCase();
var isAndroid = u.indexOf('Android') & -1 || u.indexOf('Adr') & -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if(ua.match(/MicroMessenger/i)=="micromessenger") {
//微信内置浏览器+应用宝链接
$(".download a").bind('touchstart', function (event) {
window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名 '
if(isiOS){
$(".download a").bind('touchstart', function (event) {
window.location.href='https://itunes.apple.com/cn/app/应用名'
}else if(isAndroid){
$(".download a").bind('touchstart', function (event) {
window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=应用名'
$(".download a").click(function(){
window.location.href='应用链接'
Views(...) Comments()有的时候项目中有需要用户扫描二维码进行页面识别跳转操作的，（类似当前需要先判断是否为手机默认浏览器打开，尤其是微信打开会影响APP包的下载-微信内置的一个拦截，这对Android来说影响有点大），因此需要先行判断浏览器，再去判断设备进行不同地址的跳转。实现就是通过navigator.userAgent属性进行验证判断：如果感兴趣可以自己试一试弹出一下navigator.userAgent.toLowerCase()这个属性值进行对比验证
根据根据navigator.userAgent判断浏览器类型判断页面是否在微信浏览器中打开。通过navigator.userAgent.toLowerCase()属性对比看是否为项目需要的浏览器打开目前项目中遇到的为 微信 QQ 支付宝
function is_browser(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {//微信打开
}else if(ua.match(/qq/i)=="qq"){//QQ打开
}else if(ua.match(/aliapp/i)=="aliapp"){//支付宝打开 aliapp
阅读(...) 评论()判断设备是PC端，还是移动端
var ua = navigator.userAgent.toLocaleLowerCase();
var pf = navigator.platform.toLocaleLowerCase();
var isAndroid = (/android/i).test(ua)||((/iPhone|iPod|iPad/i).test(ua) && (/linux/i).test(pf))
|| (/ucweb.*linux/i.test(ua));
var isIOS =(/iPhone|iPod|iPad/i).test(ua) && !isA
var isWinPhone = (/Windows Phone|ZuneWP7/i).test(ua);
var mobileType = {
pc:!isAndroid && !isIOS && !isWinPhone,
ios:isIOS,
android:isAndroid,
winPhone:isWinPhone
console.log(mobileType.pc);
阅读(...) 评论()& 最近项目中用到一个应用，当访问同一个网站地址的时候，例如：www.xxx.com的时候，如果当前客户端是pc则跳转到专注于pc的部分，如果当前客户机是手机，则跳转到专注于手机的部分，秉承一贯的习惯，baidu or google，但发觉网上的解决办法都不尽如人意，很多都是通过js读取本地文件系统进行判断，但经过测试，不能成功，而且通过js读取本地文件系统会造成安全性问题，但作为开放的互联网，我们不可能为每一部电脑设置安全性，于是自己动手，丰衣足食，以下就是我的解决办法：&& 依然是用js，不过只需要用到 navigator.platform,这是鉴于读取这个属性并不会造成安全性问题，而且，普遍的操作系统都屈指可数&& &~~~navigator.platform判断系统类型，从而判断是手机还是pc& 简单的跳转代码如下:&&&& if(navigator.platform.indexOf('Win32')!=-1){&&&&&&&& //go to pc&&&&& }else{&&&&&&&& // go to 手机&&&&&& }&&
-------------------------------------------------------
另一种方法 &~~~用 navigator.userAgent 判断是否现在的手机浏览器，似乎 navigator.platform 比较简单靠谱一点
&script type="text/javascript"&
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
.href=B页面;
browserRedirect();
&/script&-------------------------------------------------------
用户是手机访问还是电脑方法 ~~~还是用 navigator.userAgent去判断是否为手机浏览器，不过这个比较清晰一点
&代码如下 复制代码&var is_iPd = navigator.userAgent.match(/(iPad|iPod|iPhone)/i) !=var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|win ce)/i) !=if(is_mobi && window.location.search.indexOf("mv=fp")&0){window.location.href="#";}&
浏览器类型
&代码如下 复制代码&if(navigator.userAgent.indexOf("MSIE")&0){&& //ie&& }else if(navigator.userAgent.indexOf("Firefox")&0){&& //firefox&& }else if(navigator.userAgent.indexOf("Chrome")&0){&& //chrome&& }else if(navigator.userAgent.indexOf("Safari")&0){&& //safari&& }else{&& //this part can be used as opera area&& }
&script type="text/javascript"&&&&&&& &!--&&&&&& //平台、设备和操作系统&&&&&&& var system ={&&&&&&&&&& win : false,&&&&&&&&&& mac : false,&&&&&&&&&& xll : false&&&&& };&&&&&& //检测平台&&&&&&& var p = navigator.&&&&&& alert(p);&&&&&& system.win = p.indexOf("Win") == 0;&&&&&& system.mac = p.indexOf("Mac") == 0;&&&&&& system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);&&&&&& //跳转语句&&&&&&& if(system.win||system.mac||system.xll){//转向后台登陆页面&&&&&&&&&& window.location.href="login.jsp";&&&&&& }else{&&&&&&&&&& window.location.href="wapLogin.jsp";&&&&&& }&&&&&& --&&&&&/script&
阅读(...) 评论()}