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>
  • 相关阅读:
    Python基础__字符串拼接、格式化输出与复制
    Python基础__Python序列基本类型及其操作(1)
    Selenium 元素等待
    Selenium 键盘鼠标实践
    Selenium 元素定位
    Selenium 启动浏览器
    Selenium Webdriver概述
    linux虚拟机安装和xshell远程连接
    python实现dubbo接口的调用
    Python+Appium自动化测试(6)-元素等待方法与重新封装元素定位方法
  • 原文地址:https://www.cnblogs.com/wjx-blog/p/8687736.html
Copyright © 2011-2022 走看看