可以在main.js中写入方法
Vue.prototype.validSe = function (value, number = 255) {
value = value.replace(/[`～*~!@#$%^&*()_-+=<>?:"{}|,./;'\[]·~！@#￥%……&*（）——-+={}|《》？：“”【】、；‘'，。、]/g, '').replace(/s/g, "");
if (value.length >= number) {
this.$message({
type: "warning",
message: `输入内容不能超过${number}个字符`
});
}
return value;
};
HTML部分
需要将v-model拆分为:value和@input
通过以上方法又扩展出以下方法
//只能输汉字
Vue.prototype.chineseonly = function (value) {
value = value.replace(/[^u4E00-u9FA5]/g, '');
return value
};
//只能输正整数
Vue.prototype.idonly = function (value) {
value = value.replace(/[^0-9]/g, '');
return value
};
//不允许输汉字
Vue.prototype.noChineseonly = function (value) {
value = value.replace(/[u4E00-u9FA5]/g, '');
return value
};
//逗号和数字
Vue.prototype.programIdonly = function (value) {
value = value.replace(/[^0-9,]/g, '');
return value
};
//数字和回车
Vue.prototype.idsonly = function (value) {
value = value.replace(/[^rn0-9]/g, '');
return value
};
//数值大小限定
Vue.prototype.numberLimit = function (value) {
value = value.replace(/[^0-9]/g, '');
if (value >= 2147483647) {
this.$message({
type: "warning",
message: `最大可输入值为2147483647`
});
}
return value
};
// 正整数
Vue.prototype.onlyPositiveInteger = function (value) {
value = String(value).match(/[1-9]d*/g, "")
return value === null ? '' : Number(value[0])
};
// 正整数（包含0）
Vue.prototype.onlyPositiveInteger1 = function (value) {
console.log(typeof (value));
value = String(value).match(/[1-9]d*|0/g, "")
return value === null ? '' : Number(value[0])
};
// 负整数
Vue.prototype.onlyNegativeInteger = function (value) {
value = String(value).match(/^-[1-9]*d*/g, "")
return value === null ? '' : value[0] === '-' ? '-' : value[0] === '-0' ? '' : Number(value[0])
};
// 负整数（包含0）
Vue.prototype.onlyNegativeInteger1 = function (value) {
value = String(value).match(/^-[1-9]*d*|0/g, "")
return value === null ? '' : value[0] === '-' ? '-' : Number(value[0])
};
// 整数
Vue.prototype.onlyInteger = function (value) {
value = String(value).match(/^-?[1-9]*d*|0/g, '')
return value === null ? '' : value[0] === '-' ? '-' : value[0] === '' ? '' : Number(value[0])
};
// 整数区间
Vue.prototype.onlySection = function (value, min, max) {
if (min < 0) {
value = String(value).match(/-?[1-9]*d*/g, "")
} else {
value = String(value).match(/[1-9]*d*/g, "")
}
// value = String(value).match(/-?[1-9]*d*/g, "")
value = value === null ? '' : value[0] === '-' ? '-' : value[0] === '' ? '' : Number(value[0])
if (value < min) {
return min
} else if (value > max) {
return max
} else {
return value
}
};
总结
以上所述是小编给大家介绍的vue+element项目中过滤输入框特殊字符小结,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
