Modal click cancel how to avoid triggering non-empty verification?

problem description

I clicked on the product name after the pop-up window to give him focus, and then clicked the cancel button. I expected to close the Modal dialog box directly after clicking cancel instead of clicking it again.

the verification method seems to be triggered when it is canceled. I want to know how to cancel the verification method without triggering it.

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

ruleInline: {
        PRODUCTID: [
            { required: true, message: "", trigger: "blur" },
            // { type: "string", pattern:/^[a-zA-Z]\d{4}$/, message:"14", trigger:"blur"},
        ],
        PRODUCTNAME: [
            { required: true, message: "", trigger: "blur" },
            {type: "string", max: 64, message: "64", trigger: "blur"}
        ],
        PRODUCTTYPE: [
            { required: true, message: "", trigger: "blur" },
        ],
        SYSTEMFLAG: [
            { required: true, message: "", trigger: "blur" },
        ],
        REMARK: [
            {type: "string", max: 128, message: "128", trigger: "blur"}
        ]
    },

what result do you expect? What is the error message actually seen?

Dec.10,2021
Menu