element Form表单自定义校验(针对局部输入控件局部校验)

最近帮朋友看一个vue项目,需要在整个表单的一个输入控件上添加校验,因为表单是动态创建的,就没有考虑整个表单绑定rules,而是在上绑定了rules,具体代码如下:

template/html部分:


    
    

javaScript部分:

运行结果:

1.失去焦点与点击提交时:

element Form表单自定义校验(针对局部输入控件局部校验)_第1张图片

2.输入 “ , ” 时:

element Form表单自定义校验(针对局部输入控件局部校验)_第2张图片

ps:

表单整体添加校验可参考Element-ui Form组件的 “ 自定义校验规则 ” 案例!

 

以上分享仅供参考,欢迎留言交流~

你可能感兴趣的:(vue)