3
respostas

Jquery Validate

Ola, sou novo na programação, estou tentando validar um formulario com o validate do jaquery porem apresenta erro quando coloco os rules, mas se eu chamar direto do html com a classe required a msg é apresentada

html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Negociação de mercadoria</title>
    <link rel="stylesheet" href="css/libs/materialize.min.css">
    <link rel="stylesheet" href="css/libs/google-fonts.css">
    <link rel="stylesheet" href="css/estilos.css">
</head>
<body>
  <div class="container">

      <form id="formulario">
        <fieldset>

        <legend><h3>Negociação de Mercadoria</h3></legend>
        <label for="codigo-mercadoria"> Código da Mercadoria:</label>
        <input id="codigo-mercadoria" type="text" name="codigo">
        <br><br>
        <label for="tipo-mercadoria">Tipo da Mercadoria:</label>
        <input type="text" name="tipo" id="tipo-mercadoria">
        <br><br>
        <label for="produto">Nome do Produto:</label>
        <input type="text" name="produto" id="produto"><br>
        <br><br>
        <label for="">Quantidade:</label>
        <input type="number" name="qto" min="1" id="qto">
        <br><br>
        <label for="preco">Preço: </label>
        <input type="text" name="preco" id="preco"><br>
        <br><br>
        <label for="grupo1">Tipo de negocio</label>
        <input name="group1" type="radio" id="compra"  checked="true">
        <label for="compra">Compra</label>
        <input name="group1" type="radio" id="venda" />
        <label for="venda">Venda</label>
        <br><br>
        <button class="btn waves-effect waves-light" class="btn" type="submit" name="action" >Enviar
            <i class="material-icons right">send</i>
        </button>

        </fieldset>
      </form>
  </div>
 <script src="js/jquery.js"></script>
 <script src="js/main.js"></script>
 <script src="js/jquery.validate.min.js"></script>
</body>
</html>

JS

$(document).ready(function()
{
  $('#formulario').validate(
    {

      rules:{
        codigo:{
            required: true
                },
        tipo:{
            required:true
              },
        produto:{
            required: true
                },
        qto:{
          required: true
            },
        preco:{
          required: true
              },
    }




      messages:{
            codigo:{
                required: "Campo obrigatorio"
                    },
            tipo:{
                required: "Campo obrigatorio"
                  },
            produto:{
                required: "Campo obrigatorio"
                    },
            qto:{
              required: "Campo obrigatorio"
                },
            preco:{
              required: "Campo obrigatorio"
                  },

      }
    }
  );
})

erro Failed to load resourcerapport_nikko_send_focus_event @ VM1014:62 Failed to load resourcerapport_nikko_on_blur @ VM1014:49

3 respostas

Esse erro aparece no navegador mesmo? Qual navegador que vc está usando? Pergunto pq achei bem estranho, nunca vi nada parecido.

Alberto valeu pela ajuda, consegui resolver o erro reescrevendo o codigo, ja que estamos aqui kk voce pode me dar uma força quero queriar uma regra para que o campo codigo receba só numeros

Veja se isto ajuda

https://jqueryvalidation.org/number-method/