vue 验证问题

    技术2023-06-02  87

    http://ivononic.com/3qGq { required: true, message: '单据日期不能为空', trigger: 'change' }

    这样验证:字段类型只能是string类型,可验证该字段是否为空

     

    如果要验证字段类型为数字,且不为空如下

    let reg=/^[1-9]+[0-9]*]*$/; //判断字符串是否为数字 ,判断正整数用/^[1-9]+[0-9]*]*$/

    var validateProjectCode = (rule, value, callback) => { var reg=/^[1-9]+[0-9]*]*$/; if(!reg.test(value)){ callback(new Error('维保项目不可为空')); } }; projectCode: [ {required: true,validator:validateProjectCode, trigger: 'change'}, ],  

     

     

    export default { name: 'guanlilist', data() { //主要代码 var validateMobilePhone = (rule, value, callback) => { if (value === '') { callback(new Error('手机号不可为空')); } else { if (value !== '') { var reg=/^1[3456789]\d{9}$/; if(!reg.test(value)){ callback(new Error('请输入有效的手机号码')); } } callback(); } }; return { opType: "", //0 查看 1 新增 2 修改 opTeamType: "", //0 查看 1 新增 2 修改 titleName: '队伍列表', // 左侧标题名称 ruleValidate: { //表单验证 name: [{required: true, message: "姓名不能为空", trigger: "change"}], age: [{required: true, message: "年龄不能为空", trigger: "change"}], post: [{required: true, message: "岗位不能为空", trigger: "change"}], certificateTypes: [{required: true, message: "资格证种类不能为空", trigger: "change", type:'array'}], projectWork: [{required: true, message: "作业项目不能为空", trigger: "change", type:'array'}], validityPeriod: [{required: false, message: "证书有效期不能为空", trigger: "change"}], //主要代码 mobile: [{required: true, message: "手机号码项目不能为空", trigger: "change"},{required: true, validator:validateMobilePhone, trigger: "blur"}], teamName: [{required: true, message: "所属队伍不能为空", trigger: "change"}], onlineStatus: [{required: true, message: "状态不能为空", trigger: "change"}], content: [{required: true, message: "维保内容不能为空", trigger: "change"}], fName: [{required: true, message: "姓名不能为空", trigger: "change"}], identity: [{required: true, message: "角色不能为空", trigger: "change"}], },
    Processed: 0.013, SQL: 9