公司项目开发时，有一个需求，需要对输入的字符串按回车分隔并验证是否有重复项，效果如下：
表单代码：文章来源：https://www.toymoban.com/news/detail-609235.html
<el-form-item label="IP地址条目：" prop="ipAddressEntry">
<el-input
type="textarea"
v-model="formData.ipAddressEntry"
:rows="5"
></el-input>
</el-form-item>表单验证代码：文章来源地址https://www.toymoban.com/news/detail-609235.html
data() {
let isRepeat = (rule, value, callback) => {
if (this.formData.ipAddressEntry != ''){
const arr = this.formData.ipAddressEntry.split('\n');
const set = new Set(arr);
if (arr.length === set.size) {
callback()
} else {
callback('输入IP地址重复')
}
}
}
return{
formData: {
ipAddressEntry: '',
},
rules: {
ipAddressEntry: [
{
required: true,
message: '请填写',
trigger: 'blur',
},
{ trigger: 'blur', validator: isRepeat },
],
}
}
}到了这里，关于表单验证：输入的字符串以回车分隔并验证是否有的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
