防止xxs攻击,input表单中不能输入script标签

简介: 防止xxs攻击,input表单中不能输入script标签

在web网页中,所有的项目中。input表单中不能让用户输入script这些敏感性的。


一旦出现提示用户非正常输入。然后立刻将值清空


<el-input
       style="width:350px"
       @blur="blurHandler"
        placeholder="请输入内容"
        v-model="input10"
        clearable>
      </el-input>


methods: {
      blurHandler(){
            var part = new RegExp('<script>','ig');
            console.log("是否含有<script>",part.test(this.input10)); //含有返回true
            var partend=new RegExp('<\/script>','ig');
            console.log("是否含有<\/script>",partend.test(this.input10)); //含有返回true
      }
}


在使用<script>嵌入JavaScript代码时,记住不要在代码中的任何地方出现"</script>"字符串。


包括注释都不能哈。不能出现"</script>"


可以通过转义符可以解决这个问题,


<script type="text/javascript">
    function hello() {
        console.log("<\/script>");
    }
</script>
相关文章
|
7月前
|
JavaScript
js通过input框输入属性和值,改变div的属性
js通过input框输入属性和值,改变div的属性
89 0
|
JavaScript 前端开发
Element-ui 中表单(Form)验证数字值范围(大小)
Element-ui 中表单(Form)验证数字值范围(大小)
1609 0
Element-ui 中表单(Form)验证数字值范围(大小)
|
7天前
|
JavaScript
【干货】JS 限制input文本框输入
【干货】JS 限制input文本框输入
14 1
|
1月前
|
JavaScript 小程序
JS控制input输入特殊字符
JS控制input输入特殊字符
|
1月前
|
JavaScript 前端开发
JavaScript 获取 input 输入框内容的几种方法
JavaScript 获取 input 输入框内容的几种方法
94 0
|
7月前
HTML <input> 标签的 autocomplete 属性
HTML <input> 标签的 autocomplete 属性
47 0
|
JavaScript 前端开发 Python
brython | 获取input等标签的内容
brython | 获取input等标签的内容
103 0
|
前端开发 数据库 数据安全/隐私保护
【前端】html中的input框中的value值到底是什么
html中的input框中的value值到底是什么
264 0
|
前端开发 数据安全/隐私保护
零基础HTML入门教程(16)——表单输入标签和密码标签
之前我们所讲的一些系列各种HTML标签,都是为了给用户展示一些东西。实际上HTML是可以让用户输入信息的,例如登录时输入用户名密码;购买东西时选择型号、颜色;发布博客时输入标题、内容。HTML通过表单及输入标签,来实现用户输入内容的收集。表单标签,格式为表单内容,中间的表单内容部分就是用来让用户输入内容的。表单有两个重要的属性action和method,如下: 其中action属性表示表单提交后,哪个后台程序负责处理这个请求,这个涉及到我们JavaWeb后端学习的内容,大家到此大概知道这个参数的意思就行。a
零基础HTML入门教程(16)——表单输入标签和密码标签
|
数据安全/隐私保护 容器
HTML—— 表单标签(input,lable,textarea等)以及相亲网注册界面实现
HTML—— 表单标签(input,lable,textarea等)以及相亲网注册界面实现
219 0
HTML—— 表单标签(input,lable,textarea等)以及相亲网注册界面实现