Just nu i M3-nätverket
Gå till innehåll
sandrah90

Required på formulär fungerar inte med onClick

Rekommendera Poster

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> 

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

<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. Redigerad av .M

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
<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. 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×