vue+element校验特殊字符、indexOf、substr

1、HTML部分

<div id="app"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> <el-form-item label="字符串" prop="text"> <el-input v-model="ruleForm.text" placeholder="请输入"> el: "#app", data() { return { ruleForm: { text: '' }, rules: { text: [{ validator: this.validateQueryFormRules, trigger: 'change' }] } } }, methods: { validateQueryFormRules(rule, value, callback) { if (!this.specialCharacters(value)) return callback(new Error("不能含有特殊字符！！")); callback(); }, specialCharacters(str) { if (!str) return true; const specialKey = "[`~!#$^&*()=|{}': ; '\\[\\].<>/?~！#￥……&*（）——|{}【】‘；：”“'。，、？‘']"; for (var i = 0; i < str.length; i++) if (specialKey.indexOf(str.substr(i, 1)) != -1) return false; return true; } } }); 

3、效果演示 3.1、微信小程序码

3.2、普通二维码