JQuery no spring 5: como habilitar

14 de maio de 2021 2 respostas

Tobe 14 de maio de 2021

Então, estou apreendendo no spring tool suite 4, queria fazer mascaras no cadastro form usando JQuery, porém, o tag scripit de uma pagina html, parece que não funciona, como na imagem abaixo, no pol.xml está:

<dependency>
            <groupId>org.webjars</groupId>
            <artifactId>Semantic-UI</artifactId>
            <version>2.4.1</version>
        </dependency>
        <dependency>
              <groupId>org.webjars</groupId>
              <artifactId>webjars-locator</artifactId>
              <version>0.34</version>
        </dependency>
        <dependency>
              <groupId>org.webjars</groupId>
              <artifactId>bootstrap</artifactId>
              <version>3.0.0</version>
        </dependency>

Na pagina html

<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width" />
<title>Cadastro de Pessoas</title>

        <link th:href="@{/webjars/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>
        <link th:href="@{/webjars/bootstrap/css/bootstrap-theme.min.css}" rel="stylesheet"/>  
      
       <script th:src="@{/webjars/jquery/jquery.min.js}"></script>
             <script th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>

</body>

A tag script está assim:

2 Respostas

Lucas_Camara 14 de mai. de 2021

Onde está essa pasta webjars no seu projeto?

Tobe 15 de mai. de 2021

Ola Lucas, eu achei estranho que as funções estão todas pretas dentro da tag como na imagem acima, mas o fato é que criei as mascaras que eu queria e mesma estando preto o codigo, as mascaras estão funcionando: não sei se na ferramenta spring tool suite fica preto assim, ou colorido. O fato é que usei, além da spring tool suite 4, usei também o spring boot, que constroi um projeto padrão Maven de configuração, ou seja, a configuração fica no pol.xml e ele baixa as dependências: no caso vou postar aqui:

<dependency>
            <groupId>org.webjars</groupId>
            <artifactId>Semantic-UI</artifactId>
            <version>2.4.1</version>
        </dependency>
        <dependency>
              <groupId>org.webjars</groupId>
              <artifactId>webjars-locator</artifactId>
              <version>0.34</version>
        </dependency>
        <dependency>
              <groupId>org.webjars</groupId>
              <artifactId>bootstrap</artifactId>
              <version>3.0.0</version>
        </dependency>

E na página html:

<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width" />
<title>Cadastro de Pessoas</title>

        <link th:href="@{/webjars/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>
        <link th:href="@{/webjars/bootstrap/css/bootstrap-theme.min.css}" rel="stylesheet"/>  
        
         <link th:rel="stylesheet" th:href="@{webjars/bootstrap/3.0.0/css/bootstrap.min.css} "/>

<script th:src="@{/webjars/jquery/jquery.min.js}"></script>
             <script th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>
             <script th:src="@{/webjars/popper.js/umd/popper.min.js}"></script>
             <script th:src="@{assets/inputmask/jquery.inputmask.min.js}"></script> 
             <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
            <script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script> 
             <script>
                  $(document).ready(function() {
  $(":input[data-inputmask-mask]").inputmask();
  $(":input[data-inputmask-alias]").inputmask();
  $(":input[data-inputmask-regex]").inputmask("Regex");
  
  
});
           </script>
             

</body>

O estranho é que fica na cor preta como a imagem abaixo?

Criado 14 de maio de 2021

Ultima resposta 15 de mai. de 2021

Respostas 2

Participantes 2

2 Respostas

Topicos relacionados