Проблема во время применения эффектов CSS в форме действия с помощью функции div onclick с пружинным MVC

Question

У меня есть проблема, потому что мне нужно выполнить форму через функцию div onclick, так что warnDefault () запускается перед отправкой этого действия;1) во-первых, его запуск предотвратил2) во-вторых, действие отправить, загрузить объект с помощью спящего и обновить страницу.

Тогда я не знаю, как можно обновить данные в таблице и показать эффект toggleClass в меню, когда нажмите кнопку div в дивизии.

JS функция:

function submint3(){

     event.preventDefault();

        document.getElementById("triangulo").className="rot180";
}

Просмотр класса:

   <form:form action="/Usuarios/iberClientesEnlace?ordenar=nombre" id="ordenarForm" onsubmit="submint3();" >
            <th ><div id="spantri"><div>Nombre</div><div onclick="document.getElementById('ordenarForm').submit()" id="triangulo">&#x25BC;</div></div></th>

             </form:form> 
                        <form:form action="/Usuarios/iberClientesEnlace?ordenar=apellidos" id="ordenarForm2" >

            <th><div id="spantri"><div>Apellidos</div><div onclick="document.getElementById('ordenarForm2').submit()" id="triangulo">&#x25BC;</div></div></th>
            </form:form> 
            <th>DNI</th>

Класс контроллера:

        @RequestMapping(value="/iberClientesEnlace")
    public String clientesListadosModelView(@ModelAttribute(value="Clientes") Clientes c,@RequestParam(value="ordenar")String ordenar,org.springframework.ui.Model m){
       ClientesModel list1=new ClientesModel();
       Clientes c1= new Clientes();
  ClientesModel cmodel=new ClientesModel();
              System.out.println(ordenar);
      m.addAttribute("Clientes", c1);

      if(ordenar.equals("nombre")){
      m.addAttribute("list",list1.getListaNameClientes()); 
    }else if(ordenar.equals("apellidos")){
          m.addAttribute("list",list1.getListaApellidosClientes());

     }else if(ordenar.equals("correo")){

          m.addAttribute("list",list1.getListaCorreoClientes()); 

     }else if(ordenar.equals("edad")){
          m.addAttribute("list",list1.getListaEdadClientes()); 
}
        return "iberClientesVista";
    }

Здесь ваша банка работает на скрипке, я пытаюсь получить то же самоефункционировать как с действием на кнопку

function submitFunction() {
document.getElementById('myForm').submit()

  event.preventDefault();

  document.getElementById('myDiv').className = 'divClass2'

}

.divClass1 {
  color: red;
}

.divClass2 {
  color: cyan;
  font-size: 10px;
}

<div id="myDiv" class="divClass1">
  <form id="myForm" onsubmit="submitFunction()">
    <h1> titulo </h1>
<div id="spantri"><div>Nombre</div><div 
 onclick="submitFunction();" 
 id="triangulo">&#x25BC;</div></div></th>

    <input type="submit" value="Submit" />
  </form>
</div>