Bootstrap

vue项目表单form提交验证规则(Element-ui)

1、效果图

2、表单验证(element中的规则)

①:Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。

 ②:在data里面定义rule规则:

一:表单验证规则

 二:自定义校验规则

 ③:在点击确定进行表单验证,element中提供函数

 

;