Required på formulär fungerar inte med onClick

[sandrah90]

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> 

 

[Mr Andersson]

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

[sandrah90]

Ä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. 

[.M]

<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.

[sandrah90]

<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.