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>
  • 相关阅读:
    axb_2019_fmt32 盲打和格式化字符串
    ciscn_2019_final_3 需要避开当前free的chunk的下一个chunk不能超过arena的边界
    xdctf2015_pwn200
    valarray类
    Mysql 常用命令.
    如何处理IO
    等号两边自动添加括号
    Request JSON
    开机小脚本自动打开sublime text 和git-bash
    git 同步勾子
  • 原文地址:https://www.cnblogs.com/wjx-blog/p/8687736.html
Copyright © 2011-2022 走看看