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表单验证,只有在提交按钮点击时才进行验证,这样会减少消耗。看别人写的文章 ,...