jquery判断网络状态
2018-10-26 11:09:05 qq_24909089 阅读数 1368

可以使用ajax的error方式去判断

正常请求数据是不会调用error方法的,只有发生错误的时候才会调用,我们先保证这个请求正常的时候是ok,然后加入相应的判断可以实现判断当前网络的效果。

function record() {
        $.ajax({
            url: 'http://',
            type: 'get',
            data: {},
            dataType: 'json',
            success: function (data) {

                console.log(data);
            },
            error: function (result) {
                console.log(result);

                if (result.status == '0' && result.statusText == "error") {
                    alert("请检查网络");
                }
            }
        });
    }

参数:error

类型:Function

默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。

有以下三个参数:XMLHttpRequest 对象、错误信息、(可选)捕获的异常对象。

如果发生了错误,错误信息(第二个参数)除了得到 null 之外,还可能是 "timeout", "error", "notmodified" 和 "parsererror"。

这是一个 Ajax 事件。

看一下错误的时候error的信息,如果url可以正常请求status会返回 200  如果请求不到就会返回0 statusText

接口是接通的但是请求有问题

没有网络status返回0 ,statusText错误提示error

2018-01-08 08:23:37 nyf19980311 阅读数 240
  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title></title>
  <style>
  .hong{
  color: #FF0000;
  }
  .lv{
  color: #33FF00;
  }
  .biao{
  background-color: #AAAC90;
  }
  .biao:hover{
  background-color: #00FFFF;
  }
  </style>
  <script src="../libs/jquery-1.11.0.min.js"></script>
  <script>
  $(function(){
  var daiw;
  //十一位纯数字,1开头
  var regs = /^0?1[0-9]\d{9}$/;
  //纯数字,1开头
  var rege = /^0?1[0-9]$/;
   
  var regw = /^0?1[0-9]\d{13}$/;
  var reg = /^[0-9]*$/;
  //数字与字母的组合
  var zhang=/[0-9]+[a-zA-Z]+[0-9a-zA-Z]*|[a-zA-Z]+[0-9]+[0-9a-zA-Z]*/;
  //特殊字符
  var patrn=/[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im;
  var q1=false;var q2=false;var q3=false;
  var q4=false;var q5=false;var q6=false;
  var q7=false;var q8=false;var q9=false;
  $("#name").blur(function(){
  var $name=$(this).val();
  if(!zhang.test($name)||$name==""||patrn.test($name)){
  $("#no1").show();
  $("#yes1").hide();
  q1=false;
  }else{
  $("#no1").hide()
  $("#yes1").show();
  q1=true;
  }
  });
  $("#pwd").blur(function(){
  var $pwd=$(this).val();
  if(!(/^[A-Z][A-z0-9]*$/).test($pwd)){
       alert('请首字母大写');   
  }else{
  if(!zhang.test($pwd)||$pwd==""||patrn.test($pwd)){
  $("#no2").show();
  $("#yes2").hide();
  q2=false;
  }else{
  $("#no2").hide()
  $("#yes2").show();
  q2=true;
  daiw=$pwd;
  }
  }
  });
  $("#cpwd").blur(function(){
  var $cpwd=$(this).val();
  if(daiw!=$cpwd){
  $("#no3").show();
  $("#yes3").hide();
  q3=false;
  }else{
  $("#no3").hide()
  $("#yes3").show();
  q3=true;
  }
  });
  $("#riqi").blur(function(){
  var $riqi=$(this).val();
  if($riqi==""){
  $("#no5").show();
  $("#yes5").hide();
  q5=false;
  }else{
  $("#no5").hide()
  $("#yes5").show();
  q5=true;
  }
  });
  $("#shenfen").blur(function(){
  var $shenfen = $(this).val();
  if(!regw.test($shenfen)){
  $("#no6").show();
  $("#yes6").hide();
  q6=false;
  }else{
  $("#no6").hide()
  $("#yes6").show();
  q6=true;
  }
  });
  $("#iphone").blur(function(){
  var $iphone = $(this).val();
  if(!regs.test($iphone)){
  $("#no7").show();
  $("#yes7").hide();
  q7=false;
  }else{
  $("#no7").hide()
  $("#yes7").show();
  q7=true;
  }
  });
  $("#qqhao").blur(function(){
  var $qqhao = $(this).val();
  if(!rege.test($qqhao)&&$qqhao.length<5){
  $("#no8").show();
  $("#yes8").hide();
  q8=false;
  }else{
  $("#no8").hide()
  $("#yes8").show();
  q8=true;
  }
  });
  $("#email").blur(function(){
  var $email=$(this).val();
  var regt=/^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.com$/gi;
  if(!regt.test($email)||$email==""){
  $("#no9").show();
  $("#yes9").hide();
  q9=false;
  }else{
  $("#no9").hide()
  $("#yes9").show();
  q9=true;
  }
  });
  $("#bt1").click(function(){
  if(q1&&q2&&q3&&q5&&q6&&q7&&q8&&q9){
   
  $(this).submit();
  }else{
  alert("注册失败,请检查注册信息");
  return false;
  }
  });
  });
  </script>
  </head>
  <body>
  <div>
  <hr style="width: 20px; height: 1px; float: left;" color="#000000" />
  <p style="float: left; float: left; margin: 0px; padding: 0px;">注册</p>
  <hr style="width: 1000px;height: 1px; float: left;" color="#000000" />
  <p style="clear: left;"></p>
  </div>
  <div style="margin-left: 50px;">
  <form action="http://www.baidu.com">
  <p>&nbsp;&nbsp;账号<input type="text" id="name" name="name" />
  <span class="hong" id="no1" hidden="hidden">账号有误</span>
  <span class="lv" id="yes1" hidden="hidden"></span></p>
  <p>&nbsp;&nbsp;密码<input type="password" id="pwd" name="pwd" />
  <span class="hong" id="no2" hidden="hidden">密码有误</span>
  <span class="lv" id="yes2" hidden="hidden"></span></p>
  <p>重复密码<input type="password" id="cpwd"/>
  <span class="hong" id="no3" hidden="hidden">密码必须一致</span>
  <span class="lv" id="yes3" hidden="hidden"></span></p>
  <p>&nbsp;&nbsp;昵称<input type="text" id="nicheng" name="nicheng" />
  <span class="hong" id="no4" hidden="hidden">昵称不能重复</span>
  <span class="lv" id="yes4" hidden="hidden"></span></p>
  <p>出生日期<input type="date" id="riqi" name="riqi" />
  <span class="hong" id="no5" hidden="hidden">日期有误</span>
  <span class="lv" id="yes5" hidden="hidden"></span></p>
  <p>&nbsp;&nbsp;性别<input type="radio" id="man" name="sex" value="man" checked="checked" />汉子
  <input type="radio" id="woman" name="sex" value="woman"/>妹子</p>
  <p>身份证号<input type="text" id="shenfen" name="shenfen" />
  <span class="hong" id="no6" hidden="hidden">身份证号有误</span>
  <span class="lv" id="yes6" hidden="hidden"></span></p>
  <p>&nbsp;手机号<input type="text" id="iphone" name="iphone" />
  <span class="hong" id="no7" hidden="hidden">手机号有误</span>
  <span class="lv" id="yes7" hidden="hidden"></span></p>
  <p>&nbsp;&nbsp;&nbsp;QQ<input type="text" id="qqhao" name="qqhao" />
  <span class="hong" id="no8" hidden="hidden">QQ号有误</span>
  <span class="lv" id="yes8" hidden="hidden"></span></p>
  <p>&nbsp;&nbsp;邮箱<input type="email" id="email" name="email" />
  <span class="hong" id="no9" hidden="hidden">邮箱有误</span>
  <span class="lv" id="yes9" hidden="hidden"></span></p>
  <p>&nbsp;&nbsp;&nbsp;<input type="submit" id="bt1" value="注册" class="biao" />
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <input type="reset" id="bt2" value="清空" class="biao" /></p>
  </form>
  </div>
  </body>
  </html>
 
2014-12-18 11:23:34 ful1021 阅读数 408
    //显示隐藏
    $("#test").is(":hidden");//是否隐藏 
    $("#test").is(":visible");//是否可见 



    //判断元素的标名称 
    $("#btnTestIs").click(function (e) {
        //alert( $(e.target).is("input") );
        alert($("#btnToogle").parent().is("body"));
    });




    //判断一个对象是否存在
    if ($("#test").length > 0) {
        $("#test").text("hi");
    }
    //或者
    if ($("#test")[0]) {
        $("#test").text("hi");
    }



    //判断一个对象是否为jquery对象
    var obj = $("body");
    if (obj instanceof jQuery) {
        alert("这是一个jQuery对象");
    } else {
        alert("这是一个其它对象")
    }
    //instanceof Date来判断是否为日期对象
    //typeof只能判断出js的基础对象(string,boolean,number,object)


        //判断是否为函数。
        $.isFunction(function () { });


        //判断是否为数组
        $.isArray(["aa", "bb"]);


        //判断是否为数字(整数、负数、小数)
        $.isNumeric();
        //更多参看 $.isXXX 方法文档






        //参看 Jquery源码 ,终极方案
        //types : ["array", "boolean", "date", "number", "object", "regexp", "string", "window", "htmldocument"]   
        //判断是否为数组
        if ($.type("XXXX").toLowerCase() === "array") { }


        //判断是否为正则表达式
        if ($.type("XXXX").toLowerCase() === "regexp") { }


        //............  更多类似

2013-04-24 08:52:58 liu_111111 阅读数 752

   

<head>

    <title></title>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <style type="text/css">
    .qiang{background:url(/images/pas4.JPG) no-repeat;width:150px;height:40px;float:left;}
    .zhong{background:url(/images/pas3.JPG) no-repeat;width:150px;height:40px;float:left;}
    .ruo{background:url(/images/pas2.JPG) no-repeat;width:150px;height:40px;float:left;}
    .ruox{background:url(/images/pas1.JPG) no-repeat;width:150px;height:40px;float:left;}
    .div1css{float:left;width:200px;}
    </style>
    <script type="text/javascript">
        $(function () {
            $('#pass').keyup(function () {
                var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
                var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
                var enoughRegex = new RegExp("(?=.{6,}).*", "g");


                if (false == enoughRegex.test($(this).val())) {
                    $('#div2').addClass('ruox');
                    //$('#passstrength').html('小于六位的时候'); //密码小于六位的时候,密码强度图片都为灰色
                }
                 else if (strongRegex.test($(this).val())) {
                     $('#div2').removeClass('zhong');
                    $('#div2').addClass('qiang');                    
                    //$('#passstrength').html('强!');  //密码为八位及以上并且字母数字特殊字符三项都包括
                } 
                else if (mediumRegex.test($(this).val())) {
                    $('#div2').removeClass('ruo');
                    $('#div2').addClass('zhong');
                    //$('#passstrength').html('中!');  //密码为七位及以上并且字母、数字、特殊字符三项中有两项,强度是中等
                }
                 else {
                     $('#div2').removeClass('ruox');   
                    $('#div2').addClass('ruo');
                    //$('#passstrength').html('弱!');   //如果密码为6为及以下,就算字母、数字、特殊字符三项都包括,强度也是弱的
                }
                return true;
            });
        })
    </script>
</head>
<body>
<div id="div1" class="div1css">
<input type="password" name="pass" id="pass" /></div>
<div id="div2"><span id="passstrength"></span></div>
</body>
2013-04-23 20:24:46 shang_111111 阅读数 1237
 <title></title>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <style type="text/css">
    .qiang{background:url(/images/pas4.JPG) no-repeat;width:150px;height:40px;float:left;}
    .zhong{background:url(/images/pas3.JPG) no-repeat;width:150px;height:40px;float:left;}
    .ruo{background:url(/images/pas2.JPG) no-repeat;width:150px;height:40px;float:left;}
    .ruox{background:url(/images/pas1.JPG) no-repeat;width:150px;height:40px;float:left;}
    .div1css{float:left;width:200px;}
    </style>
    <script type="text/javascript">
        $(function () {
            $('#pass').keyup(function () {
                var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
                var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
                var enoughRegex = new RegExp("(?=.{6,}).*", "g");


                if (false == enoughRegex.test($(this).val())) {
                    $('#div2').addClass('ruox');
                    //$('#passstrength').html('小于六位的时候'); //密码小于六位的时候,密码强度图片都为灰色
                }
                 else if (strongRegex.test($(this).val())) {
                     $('#div2').removeClass('zhong');
                    $('#div2').addClass('qiang');                    
                    //$('#passstrength').html('强!');  //密码为八位及以上并且字母数字特殊字符三项都包括
                } 
                else if (mediumRegex.test($(this).val())) {
                    $('#div2').removeClass('ruo');
                    $('#div2').addClass('zhong');
                    //$('#passstrength').html('中!');  //密码为七位及以上并且字母、数字、特殊字符三项中有两项,强度是中等
                }
                 else {
                     $('#div2').removeClass('ruox');   
                    $('#div2').addClass('ruo');
                    //$('#passstrength').html('弱!');   //如果密码为6为及以下,就算字母、数字、特殊字符三项都包括,强度也是弱的
                }
                return true;
            });
        })
    </script>
</head>
<body>
<div id="div1" class="div1css">
<input type="password" name="pass" id="pass" /></div>
<div id="div2"><span id="passstrength"></span></div>
</body>
</html>

jquery判断浏览器

阅读数 14

 if($.browser.safari){    //Webkit内核的浏览器 }elseif($.browser.mozilla){    //FireFox浏览器 }elseif($.browser.msie){    //ie内核 }elseif($.browser.opera){   //opera内核    }else{    alert("你...

博文 来自: zwxiaole

jQuery浏览器版本判断

阅读数 8

可用值:safarioperamsiemozilla例如:if($.browser.msie){alert("MicrosoftInternetExplorer")}if($.browser.mozilla){alert("MozillaFirefox")}当然有时候我们还需要区分版本这就要用到jQuery.browser.version例如:if($.bro...

博文 来自: weixin_34238642

JQuery判断格式

阅读数 104

这篇文章通过jquery判断需要输入内容的格式,通过点击提交按钮后判断是否符合要求。如果不符合要求,则不通过,符合条件就通过

博文 来自: Mydtudysy

jquery判断日期格式

阅读数 101

使用说明需要使用jQuery库文件(目前版本1.3)和jQueryDatepicker库文件(目前版本3.5.1)同时安装jquery.datepick-zh-CN.js支持中文语言包素材准备自定义日期选择器CSS样式,控制jQuery插件Datepicker日期选择器显示样式效果,如:datePicker.css实例代码一,包含文件部分&lt;scri...

博文 来自: lishushan

好的jquery判断

阅读数 6

1.通过is方法判断复选框是否选中 varinital=$("#newsletter").is(":checked")2.通过[]运算符动态的调用某个方法vartopics=$("#newsletter_topics")[inital?"removeClass":"addClass"]("gray");3.让input框不可用vartopicIn

博文 来自: hqmln
没有更多推荐了,返回首页