Remove success message after show

[Update]

After all, I found a solution for this problem. It's made me sweat too much.

Message was inited at messages.phtml on Magento_Theme package(module-theme\view\frontend\templates\messages.phtml).

<?php
/**
 * Copyright © 2015 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */
?>
<div data-bind="scope: 'messages'">
    <div data-bind="foreach: { data: messages().messages, as: 'message' },attr:{class:((messages().messages && messages().messages.length > 0)?'messages block __caution mB30':'')}" class="">
    <p class="caution_text" data-bind="html: message.text, visible:message.text!='One or more input exceptions have occurred.'"></p>
</div>

So I think we have to remove message after it display. So I override magento theme and add this script end of messages.phtm file. It works like a charm.

<script>
    require(['jquery', 'jquery/jquery-storageapi'], function($) {
        var storage = $.initNamespaceStorage('mage-cache-storage').localStorage;
        storage.remove('messages');
    });
</script>

Hope this help!