防止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>
相关文章
|
JavaScript 前端开发
Element-ui 中表单(Form)验证数字值范围(大小)
Element-ui 中表单(Form)验证数字值范围(大小)
2300 0
Element-ui 中表单(Form)验证数字值范围(大小)
|
7月前
|
JavaScript
【干货】JS 限制input文本框输入
【干货】JS 限制input文本框输入
|
7月前
|
安全 数据安全/隐私保护 UED
HTML基础-输入类型与表单验证
【6月更文挑战第5天】本文探讨HTML表单元素和输入类型,强调表单验证的重要性。常见的输入类型包括text、email、password、number、date、checkbox和radio。在表单验证中,应注意设置`required`属性、指定输入类型和使用`pattern`属性以进行自定义验证。结合客户端和服务器端验证可提高用户体验和数据安全性。正确运用这些方法能创建更高效、更安全的表单。
78 5
Input 标签监听内容输入(change、input 事件区别)
Input 标签监听内容输入(change、input 事件区别)
247 0
|
8月前
element-plus 循环生成的多个input输入框如何校验
我们知道正常写出来的input输入框如何校验,那循环出来的输入框应该怎么校验咧,这里就教大家如何的去校验通过循环出来的输入框。
365 0
|
8月前
|
JavaScript 小程序
JS控制input输入特殊字符
JS控制input输入特殊字符
105 0
|
8月前
|
JavaScript 前端开发
JavaScript 获取 input 输入框内容的几种方法
JavaScript 获取 input 输入框内容的几种方法
264 0
HTML <input> 标签的 autocomplete 属性
HTML <input> 标签的 autocomplete 属性
133 0
|
JavaScript
jQuery val(); input 获取与设置默认输入内容
jQuery val(); input 获取与设置默认输入内容
74 0