Vue的Validation Rules Form Validation
发布时间
阅读量：
阅读量
在前端页面的开发过程中，表单验证功能常常被使用到，现在尝试运用Vue所提供的表单验证功能（可能涉及element-ui组件，但具体不确定）。
接下来，先观察实际效果
如何，觉得还行吗？好的，接下来我们来了解具体的实施步骤。
1.自定义验证方式
验证的规范需要由用户自行设定，当然，如果仅需进行默认的空值判断，则无需额外处理，可直接使用。在此案例中，我创建了一个名为validate.js的文件，用于存储验证规范的相关函数，具体代码如下：
//验证手机号
export function isPhone(rule, value, callback) {
if (!value) {
return callback(new Error('输入不可以为空'));
}
if (value.length < 11){
return callback(new Error("手机号不允许小于11位"))
}
let pattern = /^1[345789]\d{9}$/;全部评论 (0)
还没有任何评论哟~