国际化之表单校验

国际化之表单校验

国际化整个项目的时候，表单校验的提示是个麻烦的事情。很多资料说用vee-validate插件来实现这个功能；但是我觉得有点麻烦，不是很想用插件；然后就在validate.js里面去捣鼓；然后发现在我们校验方法下是可以获取到vue的实例的；是可以获取window的；所以方法就简单了。
html

<el-form-item :label="$t(`logs.methodName`) + ':'" prop="methodName">
      <el-input v-model="searchForm.methodName" 
            :placeholder="$t(`logs.methodName`)">
      </el-input>
</el-form-item>

js

 rules: {
      methodName: [
        { required: false, validator: isSymbol, trigger: "blur" },
      ],
 },

validate.js

// 特殊符号验证
export function checkSpecificKey(str) {
    var specialKey = "[`%~!$^&*()=|{}':;',\\[\\].<>/?~！￥……&*（）——|{}【】‘；：”“'。，、？]‘'";
    for (var i = 0; i < str.length; i++) {
        if (specialKey.indexOf(str.substr(i, 1)) != -1) {
            return false;
        }
    }
    return true;
}
// 特殊符号验证
export function isSymbol(rule, value, callback) {
    if (!checkSpecificKey(value)) {
        console.log(window.vm.$t('template.alertDelete'), 'vm');
        callback(new Error(window.vm.$t('validate.isSymbol')));
    } else {
        callback();
    }
}

ok,完美实现。