hide div nach Formular wurde gesendet

Question

Ich versuche, ein div zu verbergen, wenn ein span-Element ein bestimmtes Wort enthält. Das Problem, das ich habe, ist, dass die span nur erscheint, nachdem ein Formular übermittelt wurde. Ich habe versucht, meine Verbergen-Funktion on click der Übermittlungsschaltfläche auszuführen, aber das funktioniert nicht, da die Zeitspanne erst angezeigt wird, nachdem auf die Schaltfläche geklickt und das Formular abgeschickt wurde. Ich habe auch versucht, es auf submit() des Formulars laufen zu lassen, aber auch kein Glück (schrieb den Code, den ich unten versucht habe).

HTML

<div class=“deliveryUpsellText”> 
    <p>blabla</p> 
    </div> 


    <ul> 
     <li class=“error-msg”> 
     <ul> 
     <li> 
     <span> Coupon Code “blabla” is not valid 
     </span> 
     </li> 
     </ul> 
     </li> 
    </ul> 


<form id="discount-coupon-form" action="http://dev.blabla.co.uk/cart/couponPost/" method="post"> 
..... 

<button type="button" id="cartCoupon" title="Apply Coupon" class="button applycouponhide" onclick="discountForm.submit(false) ; " value="Apply Coupon"><span style="background:none;"><span style="background:none;">Apply</span></span></button> 

</form> 

jQuery

$j('#cartCoupon').click(function(){ 

     if ($j(".error-msg span:contains('blabla')").length) { 
      $j('.deliveryUpsellText').css({ 
       "display":"none" 
      }); 
      } 
     }); 

Ich habe auch versucht

$j('#discount-coupon-form').submit(function(){ 
if ($j(".error-msg span:contains('blabla')").length) { 
    $j('.deliveryUpsellText').css({ 
     "display":"none" 
    }); 
    } 
}); 

Irgendwelche Ideen, wie ich dies tun könnte?

Answer 1

Sie dieses Zeichen als Zitat ein:“

Sie sollten eine dieser benutzen" oder "

Außerdem haben Sie diese:

Onclick =" discountForm.submit (falsch); "

die, wenn das Objekt discountForm nicht definiert ist, erhalten Sie Fehler, bevor Sie Javascript Teil Parsen.

$(document).ready(function(){ 
 
$('#cartCoupon').on('click',function(){ 
 
if($('.error-msg').find("span:contains('blabla')").length > 0) { 
 
    $('.deliveryUpsellText').hide(); 
 
    } 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class='deliveryUpsellText'> 
 
    <p>blabla</p> 
 
    </div> 
 

 

 
    <ul> 
 
     <li class="error-msg"> 
 
     <ul> 
 
     <li> 
 
     <span> Coupon Code “blabla” is not valid 
 
     </span> 
 
     </li> 
 
     </ul> 
 
     </li> 
 
    </ul> 
 

 

 
<form id="discount-coupon-form" action="http://dev.blabla.co.uk/cart/couponPost/" method="post"> 
 
..... 
 

 
<button type="button" id='cartCoupon' title="Apply Coupon" class="button applycouponhide" value="Apply Coupon"><span style="background:none;"><span style="background:none;">Apply</span></span></button> 
 

 
</form>