缺少<meta charset="utf-8" />引发的错误

最新推荐文章于 2023-01-31 10:17:10 发布
最新推荐文章于 2023-01-31 10:17:10 发布
阅读量694 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wjx-blog/p/8687736.html
版权

现象：

　　今天找到了一个网上反馈比较好的用于数据类型验证的库：“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; width: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; width:200px; height:100px;">
    </div>
</div>
</body>
</html>

 

转载于:https://www.cnblogs.com/wjx-blog/p/8687736.html

weixin_30321709
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<meta charset="UTF-8"> 出错
weixin_30555515的博客
01-20 3278
需要注意的是，模板文件中的所有标签都需要闭合哦。 meta标签需要这么写：<meta charset="UTF-8" />或者<meta charset="UTF-8"></meta>。 但是，难免有疏忽的时候，那怎么办？使用3版本吧。只需要在pom.xml文件中增加如下代码： <properties> ...
HTML ＜meta charset=‘utf-8‘＞ 乱码问题 字符编码
qq_45858803的博客
03-12 1795
接口请求提示json格式错误请传递正确的json参数
IT_guoguo的博客
01-05 5278
接口请求提示json格式错误请传递正确的json参数 接口请求返回信息：<html><meta charset=“utf-8” /><title>json格式错误</title><div>请传递正确的json参数</div></html> 可能出现的原因 请求参数用的application/json或者application/x-www-form-urlencoded格式。参数中可能存在乱码等。 另外一种则是我这种情况： n
宝塔环境，后台上传图片不成功问题
龚清林的博客
05-06 3371
主要是宝塔开启了post攻击拦截导致的，关闭之后就可以了 我的项目追踪请求返回内容： <html><meta charset="utf-8" /><title>from-data请求error</title><div>宝塔免费WAF提醒您,from-data 请求异常,拒绝访问,如有误报请点击误报</div></html> ...
http post请求使用报错总结
weixin_42677025的博客
08-25 3077
报错信息： Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported 问题点1： 如果Content-Type设置为“application/x-www-form-urlencoded;charset=UTF-8”无论是POST请求还是GET请求都是可以通过这种方式成功获取参数，但是如果前端POST请求中的body是Json对象的话，会报上述错误。 请求中传JSON时设置的Content-Type如果是.
引入JS文件IE6报语法错误或缺少对象问题的解决方法
10-26
此外，确保你的HTML文档声明了正确的字符集，如`<meta charset="UTF-8">`，以避免整个页面的编码混乱。 总结起来，对于IE6报“语法错误”或“缺少对象”的问题，首要步骤是检查和统一JS文件与页面的编码。同时，也...
AngularJS修改model值时,显示内容不变的实例
10-18
<meta charset="utf-8"> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app=""> <input type="text" ng-model="name"><br /> <span>{{name}}</...
解决idea中javaweb的mysql8.0.15配置问题
08-26
<meta charset="utf-8"> <title>jdbc</title> </head> <body> <% Connection conn = null; PreparedStatement ps = null; ResultSet rs = null; int age = -1; String name = null; int id = -1; try{ ...
从零开始用electron手撸一个截屏工具的示例代码
10-17
<meta charset="UTF-8"> <title>Hello World!</title> </head> <body> <button id="js-capture">Capture Screen</button> <script> const { ipcRenderer } = require('electron'); document.getElementById(...
解决python Markdown模块乱码的问题
09-19
charset=utf-8" /> ``` 在Python代码中，我们可以直接在Markdown转换为HTML的输出字符串前添加这一行。Markdown库提供了一个`markdown()`函数，我们可以通过自定义这个函数的行为来实现我们的目标。这个函数位于`...
HTML使用post方式提交中文内容出现乱码的错误解决方式
rainDG的博客
08-22 1103
今天在做一个例子的时候，使用post方式提交表单，如果有中文的话，在另一个页面显示出来的时候，总是会出现乱码； 但是将提交方式改为get的时候，就不会出现这种错误。 详细错误见下面图片和代码。 HTML代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Co...
关于以UTF8编码的文件，php发送header时报错的原因
始终不够
08-20 1912
最近在给实习的同事讲解关于wordpress的二次开发。这几天他们的工作中经常遇到一个问题，问题描述如下：访问wordpress网站时经常会报错，说是再header函数之前就已经有输出了字符，且是在functions.php文件的第一行。         当我一次次修改该文件无效果的情况下，我删除了文件中的所有内容，结果依旧。所以我开始怀疑编码问题，并将编码改为ANSI编码，问题解决了。但我们的
解决Postman发送Post请求提示“Content type ‘text/plain；charset=UTF-8‘ not supported“
热门推荐
叶落雨飘的博客
07-14 5万+
Postman发送Post请求时,会默认将格式使用text格式发送 结果会出现错误:Content type ‘text/plain;charset=UTF-8’ not supported 解决方法就是修改发送post请求的格式 将Text格式改成JSON(application/json) 问题解决! ...
WAF绕过漏洞利用——漏洞利用之注入上传跨站等绕过
m0_61506558的博客
10-05 1071
这里介绍常见的漏洞利用绕过的方法，方法有很多很多，一定要有自己的思想，就拿逻辑漏洞来说，AWVS、AppScan、Xray、Nessus、Sqlmap......这些自动化工具是扫描不出来的，加密编码绕过？算法可逆？关键字绕过？提交方法？各种测试？要学会尝试自己造轮子，本篇文章引入几种简单方式，希望打开大家思路之前简单总结过，感兴趣的（一）SQL注入。
html标签中的＜meta charset=“utf-8“＞是什么鬼？
Harley567
01-31 4548
html标签中的是什么鬼？
HTML 标签(一)
一条到晚游泳的鱼
09-08 269
HTML HTML: 超文本标记语言，是 网页制作必备的编程语言“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 HTML 历史版本： HTML 2.0 ：是 1996 年由 Internet 工程工作小组的 HTML 工作组开发的。 HTML 3.2 ：作为 W3C 标准发布于 1997 年 1 月 14 日。HTML 3.2 向 HTML 2.0 标准添加了被广泛运用的特性，诸如字体、表格、applets、围绕图像的文本流，上标和下标。 HTML 4.0 ：被发布于 1997 年
移动端开发~视口viewport 、meta常用设置、常见问题box-sizing（一）
LHQ的博客
11-17 6947
viewport 视口 (可视区视口)； 视口（viewport）是用户网页的可视区域，也可称之为视区。 默认不设置 viewport 可视区窗口的宽度在移动端的时候是980；  meta标签的设置 设置视口viewport &lt;meta name="viewport" content="width=device-width,user-scalable=no,initial-sca...
html基础
weixin_45951689的博客
09-17 1809
<!DOCTYPE html><!--约束，声明--> <html lang="zh_CN"> <!--html标签表示html的开始 lang="en"表示英文，lang="zh_CN"表示中文--> <head> <!--表示头部信息，一般包含三部分，title标签，css样式，js代码--> <meta charset="UTF-8"> <!--表示当前页面使用UTF-8字符集-->
HTML中meta标签中charset属性的写法以及用法
u010392459的专栏
05-05 8748
meta标签中的charset属性是用来声明文档使用的字符编码。解决文档出现乱码的问题主要就是靠它！需要注意的是，这个charset属性的声明必须写在head中最靠前的位置，否则就可能出现乱码的问题。 charset是声明文档使用的字符编码格式，浏览器根据这个声明的编码格式解析并显示文档中的字符，避免出现乱码。 所有的主流浏览器都支持meta标签的charset属性。 charset属性两种写法： 第一种：html5新增的charset属性写法 <meta charset="U
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 绿叶学习网； </body> </html>哪里错了
最新发布
03-22
根据你提供的代码，我发现以下几个问题： 1. 缺少`<!DOCTYPE html>`声明，这个声明告诉浏览器使用哪个... <meta charset="utf-8"> <title>绿叶学习网</title> </head> <body> 绿叶学习网 </body> </html> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值