return false 实战

来源:互联网 发布:程序员个人简历范文 编辑:程序博客网 时间:2024/06/08 23:03

先来聊一聊~简单的return~~~

 <script type="text/javascript">        // return  案例一:中止执行        function myFun() {            console.log("Hello");            return;            console.log("byebye")        }        myFun(); //hell0        // return 案例二:返回结果        var box = new Object();             box.name="world";            box.run = function(){                return "hi,"+this.name;            }        alert(box.run());   //hi,world  </script>

重点来了~~

    <form id="formid">        <input type="checkbox" id="a1" /><label for="a1">第一项</label>        <input type="checkbox" id="a2" /><label for="a2">第二项</label>        <input type="checkbox" id="a3" /><label for="a3">第三项</label>        <input type="checkbox" id="a4" /><label for="a4">第四项</label>        <input type="checkbox" id="a5" /><label for="a5">第五项</label>        <input type="checkbox" id="a6" /><label for="a6">第六项</label>    </form>    <script type="text/javascript">        //return false来阻止提交表单或者继续执行下面的代码。return false 只在当前函数有效,不会影响其他外部函数的执行        // return false 案例一:复选框限制数目        window.onload = function () {            var forms = document.getElementById("formid"),                inps = forms.getElementsByTagName("input");            for (var i = 0; i < inps.length; i++) {                inps[i].onclick = function () {                    var counts = "";                    for (var i = 0; i < inps.length; i++) {                        if (inps[i].checked) {                            counts++                        }                    }                    if (counts > 4) {                        alert("超了");                        return false;  //显示四个选项                    }                }            }        }    </script>     <textarea id="tex" placeholder="限制输入10个字符" onKeyUp="zifu(this)"></textarea>    <p>您还可以输入<span id="mun" style="color:red;">10</span>个字<p>    <script type="text/javascript">       // return false 案例二:字数限制      function zifu(muntex){          var cs_mun = 10;          if(muntex.value.length>cs_mun){   //muntex.value.length  注意不要忘记value的书写              alert("超过字数");              muntex.value= muntex.value.substr(0,cs_mun)  //如果不写这段字符,在提示超出后,超出内容不会隐藏              return false;              }else{                  var curr =cs_mun-muntex.value.length;    //muntex.value.length  注意不要忘记value的书写                  document.getElementById("mun").innerHTML=curr.toString();                  return true;                  }          }      // return false 案例三:form表单提交*****也是最重要的内容 !important [脚本案例,内容不全]       jQuery.post('/sss/ddd', { ff: tels, fff: $('#fffyy').val() }, function (data) {                        if (data != '1') {                            jQuery.alert(data);                            return false;  //*****                        } else {                            $('#fff').html('正在提交...');                             ......                        };                    });      </script>

最后,想说: return false 就相当于终止符,表单提交尤其重要,return true 基本无用,就相当于执行符。

原创粉丝点击