Popup alert

[kongen]

Jeg skal ha flere grupper med radio buttons i et skjema. Hvordan kan jeg lage en popup alert hvis ikke alle grupper er valgt?

 

[adeneo]

Det gjør du enkelt med javascript, men du må ut med noe kode, og litt mer om hvordan dette er tenkt å virke før du får noe mer spesifikt svar.

Bruker nettsiden jQuery er dette også greit å opplyse om, da det forenkler ting en del.

Disse "gruppene" har vel diverse navn osv. og er satt opp med noe html som kunne vært greit å se et eksempel på?

 

[kongen]

Det er et enkelt html skjema som skal sende input til neste side. Skjemaet skal ikke sende inn til database. Hvis en av gruppene ikke fylles ut så vil jeg at det skal poppe opp en alert istedet for at skjemaet sender data til neste side. Bruker ikke jQuery.

<form id="form1" name="form1" method="post" action="side2.php">
  <p>
    <label>
      <input type="radio" name="bydel" value="vest" id="bydel_0" />
      Oslo vest</label>
    <br />
    <label>
      <input type="radio" name="bydel" value="ost" id="bydel_1" />
      Oslo øst</label>
  </p>
  <p>
    <label>
    <input type="radio" name="bolig" value="hus" id="bolig_0" />
Hus</label>
    <br />
    <label>
    <input type="radio" name="bolig" value="leilighet" id="bolig_1" />
Leilighet</label>
    <br />
  </p>
  <p>
    <label>
    <input type="submit" name="button" id="button" value="Neste" />
    </label>    
    <br />
  </p>
</form>

 

[adeneo]

Noe sånt kanskje :

function checkRadio(event) {
    event.preventDefault();
    if (!(document.getElementById('bydel_0').checked || document.getElementById('bydel_1').checked)) {
        alert('Du må velge bydel!');
    }else if (!(document.getElementById('bolig_0').checked || document.getElementById('bolig_1').checked)) {
        alert('Du må velge boligtype!');
    }else{
        this.submit();
    }
}

document.getElementById('form1').addEventListener('submit', checkRadio, false);

DEMO

 

[kongen]

Takk, skal prøve denne nå