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"> <input name="btnsubmit" class="btn btn-warning" type="submit" value="excluir"> <input name="btnsubmit" class="btn btn-info" type="submit" value="atualizar"> <a class="btn btn-default" href="/conselho/index">voltar</a> </div> </div> </div> </form>
- you should add id attribute have easy, unique selector button. have given "atualizar" in example
- write javascript event handler button
- prevent default behavior in case form post.
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
Post a Comment