我正在做一个项目，我不太了解前端。我有这个html页面：

<form class="form-group" action="/create" method="post" enctype="multipart/form-data">

            <div class="title">
                <h1>Cadastre seu produto</h1>
            </div>

            <div class="single-input">
                <input class="form-control" placeholder="nome do produto" type="text" id="nome_produto" name="nome_produto">
            </div>

            <div class="single-input">
                <input class="form-control" placeholder="quantidade em estoque" type="number" id="quantidade" name="quantidade">
            </div>

            <div class="single-input">
                <input class="form-control" placeholder="preco do produto" type="number" id="preco_produto" name="preco_produto">
            </div>
            <button onclick="loadPage()" id="button" type="submit" class="btn btn btn-danger">ENVIAR</button>
        </form>

我希望当我点击提交按钮，我被重定向到另一个页面，我想这样做使用Javascript。
我试着这么做：

<script type="text/javascript">
function loadPage(){
    window.location("http://localhost:8080/list")
}

但它不起作用，每次我点击按钮我都被重定向到一个空白页面有解决办法吗？