export default {
data(){
let validateIp = (rule, value, callback) => {
if (value == '') {
return callback(new Error('请输入IP地址'));
} else {
let exp = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
if (!exp.test(value)) {
callback(new Error('请输入合法的ip'));
} else {
callback();
}
callback();
}
};
let validatePort = (rule, value, callback) => {
let reg = /^(([0-9]|[1-9]\d{1,3}|[1-5]\d{4}|6[0-5]{2}[0-3][0-5]))$/;
if (value == '') {
callback(new Error('请输入端口号'));
} else if (reg.test(value) == false) {
callback(new Error('请输入合法的端口号'));
} else {
callback();
}
};
return{
rules:{
ip:[{ required: true, validator: validateIp, trigger: 'blur' }],
port:[{ required: true, validator: validatePort, trigger: 'blur' }],
}
}
}
}
el-form表单ip及端口号验证
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 前同事在代码里写了大量v-if 编辑表单弹出时会触发一次验证 输入时输入框框有值也会触发验证规则 点击提交也会触发...
- 非el的输入组件，值变化时不会触发el-from-item的重新校验，需要手动触发el.form.change事件...
- element-ui中的el-form表单验证，只有在提交按钮点击时才进行验证，这样会减少消耗。看别人写的文章 ，...
