zoukankan      html  css  js  c++  java
  • 缺少<meta charset="utf-8" />引发的错误

    现象:

      今天找到了一个网上反馈比较好的用于数据类型验证的库:“validator.js”,想用测试html检验一下效果,于是就写了如下代码:

    <html>
    <head>
    
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="validator.min.js"></script>
    
    </head>
    <body>
    <script type="text/javascript">
      window.alert(validator.isEmail('foo@bar.com')); //=> true
    </script>
    <div style="height:500px; background-color:gray;">
        <div style="position:relative; top:50%;left:50%; transform:translateY(-50%) translateX(-50%); background-color:blue; 200px; height:100px;">
        </div>
    </div>
    </body>
    </html>

    运行之后报错,错误信息如下:

    validator.min.js:23 Uncaught SyntaxError: Invalid regular expression: /^[Α-ω]+$/: Range out of order in character class
        at validator.min.js:23
        at validator.min.js:23
        at validator.min.js:23
    testDivMiddle.html:10 Uncaught ReferenceError: validator is not defined
        at testDivMiddle.html:10

    解决方法:

      因为怀是字符集的问题,所以添加了一行如下代码:

        <meta charset="utf-8" />

    结果就正常运行了。

    全部代码如下:

    <html>
    <head>
    <meta charset="utf-8" />
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="validator.min.js"></script>
    
    </head>
    <body>
    <script type="text/javascript">
      window.alert(validator.isEmail('foo@bar.com')); //=> true
    </script>
    <div style="height:500px; background-color:gray;">
        <div style="position:relative; top:50%;left:50%; transform:translateY(-50%) translateX(-50%); background-color:blue; 200px; height:100px;">
        </div>
    </div>
    </body>
    </html>
  • 相关阅读:
    【pandas】'Styler' object has no attribute 'highlight_between'
    【原创】3行代码搞定:Python批量实现多Excel多Sheet合并
    【挑战阿里面试题-10种方法实现DataFrame转list】
    SpringCloud+RocketMQ实现分布式事务
    分布式事物SAGA
    分布式事务TCC
    多线程学习——思维导图
    .NET CLI简单教程和项目结构
    使用Google Fonts注意事项
    如何在印刷品中使用遵循SIL Open Font License协议的字体
  • 原文地址:https://www.cnblogs.com/wjx-blog/p/8687736.html
Copyright © 2011-2022 走看看