iview输入框如何防止输入框输入sql语句和Js语句
<FormItem label="名称:" prop="name">
<Input
v-model="adForm.name"
placeholder="请输入名称"
@on-blur="getBlurValue($event, 'name')">
</Input>
</FormItem>
绑定一个on-blur事件,失去焦点就触发,验证输入框里面的内容是否合法。
data (){
return {
adForm: {
name:''
}
}
getBlurValue (e, type) {
let inputValue = e.target.value //获取输入框内的内容
var pat = /[<>?!]|(select\s[\w|*]+\sfrom)/i
if (pat.test(e.target.value)) { //如果正则匹配成功,就把输入框内的值设置为空,并提示
this.adForm[type] = ''
this.$message.warning('文本框输入不支持SQL和JS代码类型')
}
}