06.JavaScript错误&验证

  • try&catch

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>异常处理</title>
        <script>
            //try catch throw
            var txt="";//定义空的字符串
            function message(){//方法
                try{//要执行的代码块
                    allert("message");//误写的方法
                }catch(err){//捕捉异常
                    txt="There is an error in current page!\n\n";//末尾换行
                    txt+="Error:"+err.message+"\n\n";//尾添加拼接错误信息
                    txt+="Please click 'OK' to continue!\n\n";
                    alert(txt);//弹出错误信息
                }
            }       
        </script>
    </head>
    <body>
        <h3>结果:</h3>        
        <input type="button" value="message" onclick="message()" />
    </body>
</html>
点击结果

  • throw

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>异常处理</title>
        <script>
            function validateNumbers(){
                var nums=document.getElementById("Numbers").value;
                var errMess=document.getElementById("errMess");

                try{                    
                    if(nums==""||nums==undefined) throw "is empty";//判断满足,则抛出异常
                    else if(isNaN(nums)) throw "is not number";
                    else if(nums<5) throw "is too low";
                    else if(nums>10) throw "is too high";
                    else errMess.innerHTML="";//正常情况下清空错误信息
                }catch(err){                    
                    errMess.innerHTML="Error : "+err+"!";
                }
            }
        </script>
    </head>
    <body>
        <h3>结果:</h3>
        <p id="tips" style="color: gray;">Please input a number between 5 and 10 :</p>
        <input type="text" name="Numbers" id="Numbers" />
        <input type="button" onclick="validateNumbers()" value="Validate" />
        <p id="errMess" style="color: red;"></p>
    </body>
</html>
运行图片

  • 验证

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>异常处理</title>
        <script>
            function validateRequired(x,txt){
                with(x){
                    if(value==null || value==""){
                        alert(txt);
                        return false;
                    }else{
                        return true;
                    }
                }
            }
            
            function validateForms(form){
                with(form){
                    if(validateRequired(email,"Email must be filled out !")==false){
                        {
                            email.focus();
                            return false;
                        }
                    }
                }
            }
        </script>
    </head>
    <body>
        <h3>结果:</h3>
        <form>
            
        </form>
        
    </body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,841评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,870评论 25 708
  • 绘制这份思维导图用了两个半小时,时间挺长的,主要是绘制中心图像用时比较多。画的时候我很纠结,因为我备选的有两张中...
    娜琦琦阅读 22,442评论 8 7
  • 幸福只能靠自己,亚里士多德说。 幸福的高度是指我们生活中体验到的情绪波动,她有高潮和低潮,幸福的深度则是我们内心深...
    丁小丁_ef54阅读 412评论 0 1
  • 我曾经去过两次韩国,一次是圣诞节期间抢了一个邮轮的尾单,去了首尔和济州岛,还有一次是元旦期间抢的春秋航空从上海直飞...
    千屈菜2016阅读 481评论 1 1