javascript - Error in the validation form blank textarea with jquery validate and ajax post form -


i have spring project , task register comment on particular system design. form of page follows:

<form id="formulariocadastrocomentario" role="form" method="post" class="form-horizontal">     <input type="hidden" id="projeto" name="projeto" value="${projeto.id}"> <input type="hidden" id="usuario" name="usuario" value="${usuario.id}">     <input type="hidden" id="usuario_nome" name="usuario" value="${usuario.nome}"> <label class="control-label"for="textocomentarioinput"><h3>novo comentário</h3></label>             <div class="form-group">                 <div class="input-group">                     <textarea id="textocomentarioinput" name="texto" class="form-control" placeholder="comentário" required="required"></textarea>                 </div>             </div>     <br> <input name="botao" id="botaoenviarcomentario" class="btn btn-primary" value="enviar" />      <a href="<c:url value="/projeto/index"></c:url>" class="btn btn-default">voltar</a> </form>

in jsp page has script link file funcoes.js, , funcoes.js has ajax function insert comment after submit form:

$("#formulariocadastrocomentario").submit(function(e) {     var idprojeto = $('#projeto').val();     var idusuario = $('#usuario').val();     var nomeusuario = $('#usuario_nome').val();     var cabecalho = "comentários projeto";     var textocomentario = $('#textocomentarioinput').val();     var data = new date();     var dataformatada = ("0" + data.getdate()).substr(-2)+ "-" + ("0" +(data.getmonth()+ 1)).substr(-2)+ "-"+ data.getfullyear()+ " "+ ('0' + data.gethours()).slice(-2)+ ":"+ ('0' + data.getminutes()).slice(-2);     $.ajax({      type : "post",      data : {         idprojeto : idprojeto,         idusuario : idusuario,         texto : textocomentario         },      url : "/gpa-pesquisa/comentario/comentarprojeto",      datatype : "html",      success : function() {         $('#comentariolist').prepend(             '<li class="well">'             + '<div class="nome_usuario">'             + nomeusuario+ '</div>'             + '<div class="corpo_texto">'             + textocomentario + '</div>'             + '<div class="formatacao_data">'             + dataformatada + '</div>'             + '</li>');         $("#headcomentarios").show();         }     });  $("#formulariocadastrocomentario")[0].reset(); });

im jsp page has jquery validate code after close html tag body:

<script type="text/javascript"> $(document).ready(function($) {     $("#formulariocadastrocomentario").validate({         rules : {             texto : {                 minlength : 5,                 required : true,             }         },         messages : {             texto : {                 required : "campo obrigatório",                 minlength : "o campo deve ter no mínimo 5 caracteres"             }         },         highlight : function(element) {             $(element).closest('.form-group').addclass('has-error');         },         unhighlight : function(element) {             $(element).closest('.form-group').removeclass('has-error');         },         errorelement : 'span',         errorclass : 'help-block',         errorplacement : function(error, element) {             if (element.parent('.input-group').length) {                 error.insertafter(element.parent());             } else {                 error.insertafter(element);             }         }     }); });

the problem when try post new comment under 5 letters or blanks jquery validate message appears, if submit form code makes registering new comment. wonder how validate jquery ajax not working before leave comments user registering less 5 letters or blanks. thank you,

you're supposed put ajax code within submithandler callback function of .validate() method, not within own .submit() handler.

$(document).ready(function($) {     $("#formulariocadastrocomentario").validate({         submithandler: function(form) {             var idprojeto = $('#projeto').val();             // rest of ajax function...             ....             return false;  // block default submit         },         rules : {             texto : {                 minlength : 5,                 required : true,             }         },         ......

documentation:

submithandler : callback handling actual submit when form valid. gets form argument. replaces default submit. the right place submit form via ajax after validated.

btw, don't need declare rules in 2 places. since have required: true specified within .validate() method, not need required="required" attribute on corresponding elements.


Comments

Post a Comment

Popular posts from this blog

php - Submit Form Data without Reloading page -

i know question has been asked , answered bunch of times life of me can not solution work on code. believe if redo code, work properly, , in retrospect time i've spent on issue should have redone code...but beyond deadline , have working prototype up... can advise how update multiple forms on single page without reloading page? horrible @ php , complete noob js/jquery/ajax @ best. html/php in single file , believe causing me problems/is largest obstacle @ getting ajax form processing work. basically, want users to: select teams multiple dropdowns in form group 1 (league champs) , on update update db newly selected team without reloadding page. edit team scores per match , on score submit/update, update db new scores. for each requirement there multiple forms (1 each leagues, 1 each per match) have set class on each form id. everything works via php, form submission reloads page each time submitted , not ideal. i have tried ajax code here http://scotch.io/tutoria...
Read more

linux - Rails running on virtual machine in Windows -

the reason why want switch ubuntu people said gems works better on linux on windows. i don't want macbook pro rails development since love windows , cannot stand lack of apps mac. moreover, people saying ubuntu "better" mac: http://www.reddit.com/r/ubuntu/comments/1bgj1s/are_there_advantages_of_ubuntu_over_os_x_for/ does virtual box work enough doesn't have lag @ all? using i7-3517u cpu 8gb memory. need program in environment lag-free , not sluggish. or there alternatives recommend? i unsure permission settings or complicated stuffs regarding terminal. i'll using terminal develop. i'm still quite new here development in linux. please kind me >< thanks. @holyxiaoxin pretty sure should asking on superuser instead. nevertheless, suggest install ubuntu in partition instead of running virtual machine. here's guide https://help.ubuntu.com/community/windowsdualboot also, yes. developing in virtual machine accurate, @ end experiment w...
Read more

php - $params->set Array between square bracket -

i'm using k2 in joomla 3.3. i'm trying set params (items ids ) module k2_content item.php file. result must between brackets, like: ["96","68"] my code is: $query = "select * #__k2_items extra_fields_search = '$myautor' , catid !=1 " ; $db->setquery($query); $losautores = $db->loadobjectlist(); $result = array(); foreach ($losautores $key => $value) { $result[] = '" '.$value->id.' "'; } $string_version = implode(',', $result); $autoresfinal = '['.$string_version.']'; if test using print, looks ok. passing var pramas, 1064 error. $params->set('items', $autoresfinal); to test tried $autoresfinal = ["96","68"]; and works fine. idea why doesn't work? thank you. if assign ["x","y"] assigning an array . here transforming array in st...
Read more