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>
  • 相关阅读:
    并行fp-growth图解(mahout)
    Sqoop的安装与使用
    深入理解Hadoop集群和网络
    datanode与namenode的通信原理
    Hadoop添加节点datanode(生产环境)
    Hadoop中HDFS工作原理
    实现hadoop中的机架感知
    hadoop集群监控工具Apache Ambari安装配置教程
    sdn测量综述
    SDN测量论文粗读(三)9.24
  • 原文地址:https://www.cnblogs.com/wjx-blog/p/8687736.html
Copyright © 2011-2022 走看看