Javascript на подчиненной формы не работает

Question

У меня есть этот Javscript код:

<script type="text/javascript"> 
$(document).ready(function(){ 
$("#message").hide(); 
$("#please_wait_box").hide(); 
$("#updateinvoice").submit(function(e){ 
    $("#message").hide(); 
    $("#please_wait_box").show(); 
    e.preventDefault(); 
    dataString=$("#updateinvoice").serialize(); 
    $.ajax({ 
     type: "POST", 
     url: "viewinvoices-popup_go.php", 
     cache: false, 
     data: dataString, 
     success: function(res){ 
      $("#please_wait_box").hide(); 
      $("#message").html(res); 
      $('#message').fadeIn('slow'); 
      $('.overlay').fadeOut(); 
      if(res.indexOf("success")!=-1) 
      { 
       window.location.href = res.substr(8); 
      } 
     } 
    }); 
}); 
}); 
</script> 

и этот HTML:

<div id="message" class="messagebox"></div> 
<div id="please_wait_box" class="messagebox">Please Wait...</div> 

так далее подчиненной формы он должен отобразить please_wait_box DIV затем выход в viewinvoices- popup_go.php страница должна отображаться в message div

но ничего не отображается вообще - запросы на странице отправки увлекательны, хотя

Answer 1

Вам нужно это:

$("#updateinvoice").submit(function(e){ 
    e.preventDefault(); 
    // You rst of the code 
    }); 

Answer 2

Please try this it will work. 

For hiding the message 
$('#message').removeClass('messagebox'); 
$('#message').addClass('hidden'); 
$('#message').show(); 

For showing the please_wait_box. 
$('#please_wait_box').removeClass('hidden'); 
$('#please_wait_box').addClass('please_wait_box'); 
$('#please_wait_box').show(); 


In your css class 

.hidden 
{ 
    display:none; 
} 


/* use as per your need i have given in general*/ 

    .please_wait_box 
    { 
     display:block; 
     position:absolute; 
     top:25px; 
     left:30px; 
     /*width:100%;*/ 
     zindex:1000; 
     /*opacity:0.5; /* transparency */ 
     filter:alpha(opacity=60); 
    } 

/* use as per your need i have given in general*/ 

    .messagebox 
    { 
     display:block; 
     position:absolute; 
     top:25px; 
     left:30px; 
     /*width:100%;*/ 
     zindex:1000; 
     /*opacity:0.5; /* transparency */ 
     filter:alpha(opacity=60); 
    } 


Hope this helps 

Thanks