Just nu i M3-nätverket
Jump to content
sandrah90

Required på formulär fungerar inte med onClick

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> 

 

Share this post


Link to post
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. 

Share this post


Link to post
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. Edited by .M

Share this post


Link to post
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. 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now



×