公司項(xiàng)目開發(fā)時(shí)，有一個(gè)需求，需要對(duì)輸入的字符串按回車分隔并驗(yàn)證是否有重復(fù)項(xiàng)，效果如下：
?表單代碼：文章來(lái)源：http://www.zghlxwxcb.cn/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>表單驗(yàn)證代碼：文章來(lái)源地址http://www.zghlxwxcb.cn/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地址重復(fù)')
}
}
}
return{
formData: {
ipAddressEntry: '',
},
rules: {
ipAddressEntry: [
{
required: true,
message: '請(qǐng)?zhí)顚?,
trigger: 'blur',
},
{ trigger: 'blur', validator: isRepeat },
],
}
}
}到了這里，關(guān)于表單驗(yàn)證：輸入的字符串以回車分隔并驗(yàn)證是否有的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
