2017-07-05 2 views
1

enter image description hereformValidation ne présente pas par ajax

Ceci est mon code de javascript, lorsque je tente de faire un pettition post http cette envoyer les données http get.

après le point qui envoie le chemin en tant que HTTP GET.

Et voici ma forme html client:

   <!-- form to client --> 
       <form id="formClient" class="form-horizontal form-label-left"> 

       <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" /> 
       <span class="section">Informacion Personal</span> 

        <div class="item form-group"> 
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="telephone">Telefono <span class="required">*</span> 
        </label> 
        <div class="col-md-6 col-sm-6 col-xs-12"> 
         <input type="text" name="phone" data-fv-integer-message="The value is not an integer" placeholder="Telefono" class="form-control col-md-7 col-xs-12"/> 
        </div> 

        </div> 
        <div class="item form-group"> 
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Nombre del Cliente <span class="required">*</span> 
        </label> 
        <div class="col-md-6 col-sm-6 col-xs-12"> 
         <input class="form-control col-md-7 col-xs-12" name="name" placeholder="Nombre" type="text"/> 
        </div> 
        </div> 

        <div class="item form-group"> 
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="lastname">Apellidos <span class="required">*</span> 
        </label> 
        <div class="col-md-6 col-sm-6 col-xs-12"> 
         <input class="form-control col-md-7 col-xs-12" name="lastname" placeholder="Apellidos" type="text"/> 
        </div> 
        </div> 

        <div class="item form-group"> 
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="city">Ciudad <span class="required">*</span> 
        </label> 
        <div class="col-md-6 col-sm-6 col-xs-12"> 
         <select name="city" class="form-control"> 
         <option value="">Seleccione..</option> 
         <option value="Cartago">Cartago</option> 
         <option value="Heredia">Heredia</option> 
         <option value="Alajuela">Alajuela</option> 
         <option value="Limon">Limon</option> 
         <option value="San Jose">San jose</option> 
         <option value="Puntarenas">Puntarenas</option> 
         <option value="Alajuela">Guanacaste</option> 
         </select> 
        </div> 
        </div> 

        <div class="item form-group"> 
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Correo <span class="required">*</span> 
        </label> 
        <div class="col-md-6 col-sm-6 col-xs-12"> 
         <input type="email" name="email" placeholder="Correo" class="form-control col-md-7 col-xs-12"/> 
        </div> 
        </div> 

        <div class="item form-group"> 
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="state">Permitir Fiado <span class="required"></span> 
        </label> 
        <div class="col-md-6 col-sm-6 col-xs-12"> 
         <input type="checkbox" name="guarantor" class="js-switch" checked="checked" /> Fiado 
        </div> 
        </div> 

        <div class="item form-group"> 
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="state">Usuario <span class="required"></span> 
        </label> 
        <div class="col-md-6 col-sm-6 col-xs-12"> 
         <input type="checkbox" name="state" class="js-switch" checked="checked" /> Activo 
        </div> 
        </div> 

        <div class="ln_solid"></div> 
        <div class="form-group"> 
        <div class="col-md-6 col-md-offset-3"> 
         <button id="sendClient" type="submit" class="btn btn-success">Guardar Cliente</button> 
        </div> 
        </div> 
       </form> 
       <!-- /form to client --> 
+0

nous montrent votre balisage '

' –

+0

il est la forme html –

Répondre

0

Il semble que vous ne l'avez pas utilisé la méthode tout en créant la forme que vous pouvez utiliser:

<form id="formClient" class="form-horizontal form-label-left" method="post"> 

J'ai créé un violon: la production semble être changé après l'utilisation de la méthode. S'il vous plaît laissez-moi savoir si une aide supplémentaire requried: Fiddle

+0

Oui je l'ai fait, mais la console me montre ceci: Whitelabel page d'erreur Cette application n'a pas Mappage explicite pour/erreur, de sorte que vous voyez cela comme un repli. Wed Jul 05 03:09:24 CST 2017 Une erreur inattendue s'est produite (type = méthode non autorisée, état = 405). La méthode de demande 'POST' n'est pas prise en charge et le serveur renvoie cette méthode de requête 'POST' non pris en charge –

+0

@ JustinZuñigaTorres vous devez définir dans votre contrôleur une entrée POST requestMapping pour gérer ce type de requêtes – cralfaro

+0

mon contrôleur reçoit @PostMapping ("/ admin/clients/add ") ce POSTE HTTP –