Vue输入框实时验证IP地址合法性并在下方进行提示功能实现

<a-form-item label="IP地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
                        <a-input v-decorator="['resource_ip', {
                            rules: [{ required: true, message: '请输入IP地址' },{ validator: checkIpAddress, message: 'IP地址格式不正确' },]}]"
                            placeholder="请输入IP地址"/>
                    </a-form-item>

 checkIpAddress(rule, value, callback) {
            if (!value) {
                return callback('请输入IP地址');
            }
            const ipRegex = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;;
            if (!ipRegex.test(value)) {
                return callback('IP地址格式不正确');
            }
            const parts = value.split('.');
            const validIpAddress = parts.every(part => parseInt(part, 10) >= 0 && parseInt(part, 10) <= 255);
            if (!validIpAddress) {
                return callback('IP地址格式不正确');
            }
            callback();
        },