jquery - Button not call post form with Razor C# -


i have page post , wanted when user clicks on button "atualizar", instead of calling post, called jquery. how this?

<form action="/conselho/detalhar/6" method="post">    <div class="row">         <h3>visualizando conselho profissional</h3><hr>         <input data-val="true" data-val-number="the field conselhoid must number." data-val-required="o campo conselhoid é obrigatório." id="conselhoid" name="conselhoid" type="hidden" value="6">         <div class="col-md-2">                        <label for="sigla">sigla</label> <span class="field-validation-valid" data-valmsg-for="sigla" data-valmsg-replace="true"></span><br>                 <input class="form-control" id="sigla" name="sigla" type="text" value="crea"><br>         </div>         <div class="col-md-10">                        <label for="descricao">descrição</label> <span class="field-validation-valid" data-valmsg-for="descricao" data-valmsg-replace="true"></span><br>                 <input class="form-control" id="descricao" name="descricao" type="text" value="conselho federal de engenharia e agronomia"><br>         </div>                         <div class="col-md-5">                     <div class="botoes">                  <input name="btnsubmit" class="btn btn-success" type="submit" value="salvar">&nbsp;&nbsp;                  <input name="btnsubmit" class="btn btn-warning" type="submit" value="excluir">&nbsp;&nbsp;                  <input name="btnsubmit" class="btn btn-info" type="submit" value="atualizar">&nbsp;&nbsp;               <a class="btn btn-default" href="/conselho/index">voltar</a>&nbsp;&nbsp;</div>                   </div>             </div>     </form> 

  1. you should add id attribute have easy, unique selector button. have given "atualizar" in example
  2. write javascript event handler button
  3. prevent default behavior in case form post.
  4. alternatively, use button tag, , not submit form default

    var dosomething = function(){ //your code here }; $('#atualizar').click(function(e) { e.preventdefault(); dosomething(); });

alternative: <button type="button" onclick="dosomething()" id="atualizar">


Comments

Popular posts from this blog

php - SPIP: From Tag directly to an article -

jquery - isAjaxRequest always return false -

ruby on rails - In a controller spec, how to find a specific tag in the generated view? -