Just nu i M3-nätverket
Jump to content

Required på formulär fungerar inte med onClick


sandrah90

Recommended Posts

Rooky på kodning och inte alls kunnig i javascript.
Required på formulär fälten fungerar inte med onClick och javascriptet. Kan någon hjälpa mig? 

 

div id="before"> 
<iframe id="SomeFrameName" style="display: none" name="SomeFrameName" src="about:blank"></iframe> 
<div id="form"> 
<form action="https//www.test.se" method="post" target="SomeFrameName">
  <div>
    <input type="text" id="name" name="url" placeholder="dinhemsida.se" required>
  </div>
 
  <div>
    <input type="email" id="mail" name="email" placeholder="Vart vill du ha rapporten?" required>
  </div>
 
  <div class="button">
    <button id="skicka" onclick="_submit_form();" type="submit">ANALYSERA</button>
  </div>
</form>
</div>
</div>
 
<div id="after" style="display:none">
<div id="form"> 
<form action="https://test.se/" method="post" target="SomeFrameName">
  <div>
    <input type="text" id="name" name="url" placeholder="dinhemsida.se" disabled>
  </div>
 
  <div>
    <input type="email" id="mail" name="email" placeholder="Vart vill du ha rapporten?" disabled>
  </div>
</form>
</div>
<h2 id="svar">Analysen är färdig! En länk till analysrapporten har nu skickats via e-mail till den angivna adressen.</h2>
</div>
 
<script language="JavaScript"> 
<!--
function _submit_form(){
document.getElementById('before').style.display = 'none';
document.getElementById('after').style.display = 'block';
return true
}
//-->
</script> 

 

Link to comment
Share on other sites

Ändra knappens type från submit till button och gör submit i ditt javascript istället.

Hmm är så kass på det här. Du skulle inte kunna skriva ner koden åt mig? Till både HTML5 och javascriptet. 

Link to comment
Share on other sites

<button id="skicka" onclick="_submit_form()">ANALYSERA</button>
 

function _submit_form(){
document.getElementById('before').style.display = 'none';
document.getElementById('after').style.display = 'block';
document.querySelector('form").submit();
return true
}
Tror jag.
Link to comment
Share on other sites

<button id="skicka" onclick="_submit_form()">ANALYSERA</button>
 

function _submit_form(){
document.getElementById('before').style.display = 'none';
document.getElementById('after').style.display = 'block';
document.querySelector('form").submit();
return true
}
Tror jag.

 

Får tyvärr inte "efter" meddelandet att visa sig när jag gör såhär. 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...