javascript - jQuery hide validation errors on dropdown change -

-

i have form shows additional fields based on selected option is.

when form validated (with error), error message appears under additional field has been shown. that's expected behaviour.

if select different option, old option input hides (expected) old validation error message remains.

how can hide validation error message?

form code:

<div class="row">   <section class="col col-12">     <label class="label">type</label> <label class="select">       <select id="type" name="type">         <option value="" selected>select cancelation type</option>         <option value="c1">cancel , keep payments</option>         <option value="c2">cancel , issue deposit refund</option>         <option value="c3">cancel , issue partial refund</option>         <option value="c4">cancel , issue full refund</option>         <option value="c5">cancel , add aditional charges</option>       </select>       <i></i>     </label>   </section> </div> <div class="ammount"> <div class="row"> <section class="col col-12">   <label id="ammountt" class="label" style="display:none;">refund ammount</label>   <label class="input" id="ammountl" style="display:none;>     <i class="icon-prepend fa fa-gbp"></i>     <input class="" id="ammount" type="text" pattern="\d+(\.\d{2})?" placeholder="" name="ammount" value="" >   </label>   <label id="aditionalt" class="label" style="display:none;">aditional charge ammount</label>   <label class="input" id="aditionall" style="display:none;>     <i class="icon-prepend fa fa-gbp"></i>     <input class="" id="aditional" type="text" pattern="\d+(\.\d{2})?" placeholder="" name="aditional" value="" ></label>   </section> </div>

js:

$(document).ready(function() {  $("#type").change(function () {     var choice = jquery(this).val();     if ($(this).val() == 'c3') {         $('#ammountt').show();         $('#ammountl').show();     } else {         $('#ammountt').hide();         $('#ammountl').hide();     }     if ($(this).val() == 'c5') {         $('#aditionalt').show();         $('#aditionall').show();     } else {         $('#aditionalt').hide();         $('#aditionall').hide();     } });   var $cancelbookingform = $("#cancel-booking-form").validate({      // rules form validation     rules : {         name : {             required : true         },         ammount : {             required: true         },         aditional : {             required: true         },     },      // messages form validation     messages : {         name : {             required : 'please select upsell drop down.'         },         ammount : {             required: 'please enter refund ammount.'         },         aditional : {             required: 'please enter aditional charge ammount.'         },     },      // not change code below     errorplacement : function(error, element) {         error.insertafter(element.parent());     } });  })

you need find invalid class , remove it

$("#type").change(function () {     var choice = jquery(this).val();     //if want remove them     $(".input em.invalid").remove();      if ($(this).val() == 'c3') {         $('#ammountt,#ammountl').show();     } else {         $('#ammountt,#ammountl').hide();         $('#ammountt,#ammount1').siblings("em.invalid").remove();     }     if ($(this).val() == 'c5') {         $('#aditionalt,#aditionall').show();     } else {         $('#aditionalt,#aditionall').hide();         $('#aditionalt,#aditionall').siblings("em.invalid").remove();     } });

Comments

Post a Comment

Popular posts from this blog

c# - Unity IoC Lifetime per HttpRequest for UserStore -

-
i'm trying clean default implementation of accountcontroller.cs comes out of box in new mvc5/owin security implementation. have modified constructor this: private usermanager<applicationuser> usermanager; public accountcontroller(usermanager<applicationuser> usermanager) { this.usermanager = usermanager; } also, have created lifetime manager unity looks this: public class httpcontextlifetimemanager<t> : lifetimemanager, idisposable { private httpcontextbase _context = null; public httpcontextlifetimemanager() { _context = new httpcontextwrapper(httpcontext.current); } public httpcontextlifetimemanager(httpcontextbase context) { if (context == null) throw new argumentnullexception("context"); _context = context; } public void dispose() { this.removevalue(); } public override object get...
Read more

Change the color of an oval at click in Java AWT -

-
i have draw ovals in java, , @ click change color. beginning tried change color after 20 ms, doesn't work. my code is: public class mycomponentnew extends frame { public graphics2d g2d; public mycomponentnew(string title) { super(title); setsize(400, 550); } @override public void paint(graphics g) { this.g2d = (graphics2d) g; this.g2d.setcolor(color.red); this.g2d.filloval(10, 55, 50, 100); } public void changecolor () { this.g2d.setcolor(color.blue); this.g2d.filloval(10, 55, 50, 100); } } and in class main method have: mycomponentnew m; m = new mycomponentnew("fereastra cu baloane"); m.setvisible(true); m.addwindowlistener(new windowadapter() { @override public void windowclosing(windowevent we) { system.exit(0); } }); try { thread.sleep(20); } catch(interruptedexception e) {} m.changecolor(); the color of oval remains red. ...
Read more

I am trying to solve the error message 'incompatible ranks 0 and 1 in assignment' in a fortran 95 program. -

-
i writing program in fortran find velocity of parachuting person in relation time. keep getting error can't fix. new programming , appreciated. the error is v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) 1 error: incompatible ranks 0 , 1 in assignment @ (1) and program is program para integer :: real :: v(11) !velocity real :: q !initial velocity real :: h !time step real :: c !drag coefficient real :: m !mass ! gravity equal 32 ft/s^2 write (*,*)'enter time step' read(*,*)h write(*,*)'enter initial velocity' read(*,*)q write(*,*)'enter drag coefficient' read(*,*)c write(*,*)'enter mass' read(*,*)m i=1,10 ! 1 10, 1 being interval. end v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) q=v(1) end program you cannot use [] normal parenthesis in expressions. array constructor, [ items ] means array items elements. end do should after line.
Read more