Avatar billede lordnelson Seniormester
05. april 2017 - 13:05 Der er 1 kommentar og
1 løsning

Validering af formular felt

Har en dropdown ja/Nej
hvis ja , skal et bestemt tekst felt altid udfyldes
Er ikke særlig god til Javascript såååååååå hjælp ville være dejligt
Avatar billede Slater Ekspert
05. april 2017 - 13:14 #1
Generelt bør validering foretages på serveren - eller begge steder - da client-side er meget nemt at snyde. Men hvis du er ligeglad med det, eller hvis det kun er ment som en hjælp/påmindelse for brugeren, så vis din HTML-kode her. Så er det nemmere at skrive noget der er nemt for dig at bruge.
Avatar billede Rune1983 Ekspert
05. april 2017 - 13:36 #2
Du kan lave noget ala dette eksempel nedenfor jeg lige har skrevet. Og lav så kontrol på serveren også. Men rart for brugeren at alt er udfyldt i første forsøg.

Håber det kan hjælpe lidt i den rigtige retning.

Utestet.
<div style="width: 100%; float: left;">
    <table style="width: 500px;">
        <tr>
            <td>Combobox</td>
            <td>
                <select id="ComboBoxElement" onchange="ComboBoxValg();">
                    <option selected value="">Vælg</option>
                    <option value="JA">JA</option>
                    <option value="NEJ">NEJ</option>
                </select>
            </td>
        </tr>
    </table>
</div>
<div id="SkalUdfyldes" style="width: 100%; float: left;">
    <table style="width: 500px;">
        <tr>
            <td id="RedFarveText" style="color: red;">Skal udfyldes</td>
            <td>
                <input id="SkalFuldesText" type="text" name="SkalFuldesText" onchange="ComboBoxValg();" />
            </td>
        </tr>
    </table>
</div>
<input type="hidden" id="SkalUdfyldesKontrol" name="SkalUdfyldesKontrol" value="0" />
<script type="text/javascript">
function ComboBoxValg()
{
    var ComboBoxElement = document.getElementById('ComboBoxElement');
    if(ComboBoxElement.options[ComboBoxElement.selectedIndex].value == "JA"){
        document.getElementById('SkalUdfyldes').style.display = "block";
        document.getElementById('SkalUdfyldesKontrol').value = "1";
        if(document.getElementById('SkalFuldesText').value == ""){
            document.getElementById('RedFarveText').style.color = red;
        }else{
            document.getElementById('RedFarveText').style.color = black;
        }
       
    }else{
        document.getElementById('SkalUdfyldes').style.display = "none";
        document.getElementById('SkalUdfyldesKontrol').value = "0";
        document.getElementById('RedFarveText').style.color = red;
        document.getElementById('SkalFuldesText').value = "";
    }
}
ComboBoxValg();
</script>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester