08. juli 2003 - 18:22
Der er
12 kommentarer og 1 løsning
vis kryds
Jeg har sådan en opret form og så hvis man mangler nogle kommer der en alert.. Kan man så ikek lave så den sætter et kryds ud for de felter der mangler.. Det må være noget med et div og så visibility = hidden og så samtidig med alert tingen sætter dne visibility til true eller sådanne noget ???
Annonceindlæg fra SuperOffice
Ingen?? Troede det var en nemt spg.. :S
Heh, det ku jo være at du skulle uddybe dit spørgsmål bare lidt eks. hvordan ser dit eksisterende check ud ? men okay, kaster et eks. <script language="javascript" type="text/javascript"> function hund(){ a = document.forms[0] s = 'Der er fejl i følgende felt(er):\n\n'; e = 0 for(i=0;i<a.length;i++){ if (a[i].value.length<1){ e = e + 1; s += a[i].name +'\n'; document.getElementById('kryds'+(i)).style.visibility = "visible";} } if (e>0){ alert(s);} else{ document.forms[0].submit();} } </script> <form name="halleluja" action="filnavn.html"> <input type="text" name="Brugernavn"><DIV ID="kryds0" style="position:absolute;visibility:hidden;"><IMG SRC="kryds.gif"></DIV><BR> <input type="text" name="Email"><DIV ID="kryds1" style="position:absolute;visibility:hidden;"><IMG SRC="kryds.gif"></DIV><BR> <input type="text" name="Password"><DIV ID="kryds2" style="position:absolute;visibility:hidden;"><IMG SRC="kryds.gif"></DIV><BR> <input type="button" onclick="hund();" value="submit"> </form>
nej nej du misforstår det der har jeg allerede, det jeg vil er at hvis den udfører den der alert skal den også sætte visibility på et div til true eller hvad det hedder..
Det er jo lige det den her gør !
Men hvis du vil have hjælp så må du smide din eksisterende validerings kode, jeg kan jo ikke gætte ;D
<script language="JavaScript"> function CheckForm () { var errorMsg = ""; if (document.form.username.value == ""){ errorMsg += "\n\tUsername \t- Du mangler at skrive et brugernavn!\n"; } if (document.form.password.value == ""){ errorMsg += "\n\tPassword \t- Du mangler at skrive et password!\n"; } if (document.form.realname.value == ""){ errorMsg += "\n\tRealname \t- Du skal skrive dit rigtige navn!\n"; } if (document.form.info.value == ""){ errorMsg += "\n\tInfo\t\t- Du skal skrive noget om dig selv!\n"; } if (!document.form.email.value.match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/)) { errorMsg += "\n\tE-mail adresse \t- Indtast en gyldig e-mail adresse\n"; } if (errorMsg != ""){ msg = "______________________________________________________________\n\n"; msg += "Du manglerne noget.\n"; msg += "Ret fejlen/fejlene.\n"; msg += "______________________________________________________________\n\n"; msg += "Følgende felt(er) skal rettes til: -\n"; errorMsg += alert(msg + errorMsg + "\n\n"); return false; } return true; } // --> </script> Det er det men det er meningen at hvis den laver den der alert skal den også gøre de divs der er ud for feltet visibel.... Fatter du det nu ??
Jeps, og den anden jeg hurtigt lavede gjorde osse som du ville ha :) men giv mig lige hele din form osse.... jeg hader at taste for meget ind !
Nej jeg ændre mit spg.. Hvordan laver jeg sådan at den gør et div visibelt?? altså sårn <div style=visibility:hidden>X</div> eller sådanne noget.. så i mine If sætninger( if (document.form.info.value == ""){ errorMsg += "\n\tInfo\t\t- Du skal skrive noget om dig selv!\n"; }) skal jeg bruge så den gør det visibelt.. Forstår du ??
Jeg er stadig med.....' <div id="kryds" style="visibility:hidden">X</div> vises med : document.getElementById('kryds').style.visibility = "visible";}
08. juli 2003 - 20:54
#10
<html> <head> <meta http-equiv="Content-Language" content="da"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Username</title> <STYLE type=text/css> #form{ background:#E2E2E2; border:#E2E2E2 1px solid font-size: 12px; font-family: verdana; color: #008080; } #select{ background:#E2E2E2; border:#E2E2E2 1px solid font-size: 12px; font-family: verdana; color: #008080; width: 150px; } </STYLE> </head> <body bgcolor="#F2F2F2"> <script language="JavaScript"> function CheckForm () { var errorMsg = ""; if (document.form.username.value == ""){ errorMsg += "\n\tUsername \t- Du mangler at skrive et brugernavn!\n"; } if (document.form.password.value == ""){ errorMsg += "\n\tPassword \t- Du mangler at skrive et password!\n"; } if (document.form.realname.value == ""){ errorMsg += "\n\tRealname \t- Du skal skrive dit rigtige navn!\n"; } if (document.form.info.value == ""){ errorMsg += "\n\tInfo\t\t- Du skal skrive noget om dig selv!\n"; } if (!document.form.email.value.match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/)) { errorMsg += "\n\tE-mail adresse \t- Indtast en gyldig e-mail adresse\n"; } if (errorMsg != ""){ msg = "______________________________________________________________\n\n"; msg += "Du manglerne noget.\n"; msg += "Ret fejlen/fejlene.\n"; msg += "______________________________________________________________\n\n"; msg += "Følgende felt(er) skal rettes til: -\n"; errorMsg += alert(msg + errorMsg + "\n\n"); return false; } return true; } // --> </script> <form method="POST" name="form" action="ggg" onSubmit="return CheckForm();"> <table border="0" width="71%"> <tr> <td width="18%">Username: </td> <td width="82%"> <input type="text" name="username" size="20" id="form"></td> </tr> <tr> <td width="18%">Password:</td> <td width="82%"> <input type="password" name="password" size="20" id="form"></td> </tr> <tr> <td width="18%">Realname: </td> <td width="82%"> <input type="text" name="realname" size="20" id="form"></td> </tr> <tr> <td width="18%">Email: </td> <td width="82%"> <input type="text" name="email" size="20" id="form"></td> </tr> </table> <hr> <table border="0" width="71%"> <tr> <td width="18%">Højde:</td> <td width="82%"> <input type="text" name="height" size="3" id="form" maxlength="3"></td> </tr> <tr> <td width="18%">Vægt: </td> <td width="82%"> <input type="text" name="weight" size="3" id="form" maxlength="3"></td> </tr> <tr> <td width="18%">Postnummer: </td> <td width="82%"> <input type="text" name="areacode" size="4" id="form" maxlength="4"></td> </tr> <tr> <td width="18%">Køn:</td> <td width="82%"> <select size="1" name="sex" id="select"> <option selected value="NULL">Vælg</option> <option value="Mand">Mand</option> <option value="Kvinde">Kvinde</option> </select></td> </tr> <tr> <td width="18%">Øjenfarve: </td> <td width="82%"> <select size="1" name="eyecolor" id="select"> <option value="NULL">Vælg</option> <option value="Blå">Blå</option> <option value="Blå/Grøn">Blå/Grøn</option> <option value="Lyseblå">Lyseblå</option> <option value="Brune">Brune</option> <option value="Andet">Andet</option> </select></td> </tr> <tr> <td width="18%">Hårfarve:</td> <td width="82%"> <select size="1" name="haircolor" id="select"> <option value="Brunt">Brunt</option> <option value="Rødt">Rødt</option> <option value="Lyst">Lyst</option> <option value="Sort">Sort</option> <option value="Leverpostej">Leverpostej</option> <option value="Hvidt">Hvidt</option> <option value="Gråt">Gråt</option> <option value="Skaldet">Skaldet</option> <option selected value="NULL">Vælg</option> </select></td> </tr> <tr> <td width="18%">Ryger:</td> <td width="82%"> <select size="1" name="smooking" id="select"> <option selected value="NULL">Vælg</option> <option value="Nej">Ryger ikke</option> <option value="Festryger">Festryger</option> <option value="Fastryger">Fastryger</option> <option value="Piberyger">Piberyger</option> <option value="Andet">Andet</option> </select></td> </tr> <tr> <td width="18%">Stjernetegn: </td> <td width="82%"> <select size="1" name="starsign" id="select"> <option value="NULL">Vælg</option> <option value="2">Stenbuk</option> <option value="3">Vandmand</option> <option value="4">Fisk</option> <option value="5">Vædder</option> <option value="6">Tyr</option> <option value="7">Tvilling</option> <option value="8">Krebs</option> <option value="9">Løve</option> <option value="10">Jomfru</option> <option value="11">Vægt</option> <option value="12">Skorpion</option> <option value="13">Skytte</option> </select></td> </tr> <tr> <td width="18%">Status:</td> <td width="82%"> <select size="1" name="status" id="select"> <option selected value="NULL">Vælg</option> <option value="Single">Single</option> <option value="Gift">Gift</option> <option value="Kæreste">Kæreste</option> <option value="Separeret">Separeret</option> </select></td> </tr> <tr> <td width="18%">Søger:</td> <td width="82%"> <select size="1" name="seeks" id="select"> <option selected value="NULL">Vælg</option> <option value="Ven/Veninde">Ven/Veninde</option> <option value="Kæreste">Kæreste</option> <option value="Chatven">Chatven/veninde</option> <option value="Brevven">Brevven</option> <option value="Penneven">Penneven</option> </select></td> </tr> <tr> <td width="18%">Bopæl:</td> <td width="82%"> <select size="1" name="region" id="select"> <option selected value="NULL">Vælg</option> <option value="Storkøbenhavn">Storkøbenhavn</option> <option value="Sjælland">Sjælland</option> <option value="Fyn">Fyn</option> <option value="Langeland/øerne ">Langeland/øerne</option> <option value="Jylland">Jylland</option> <option value="Odense">Odense</option> <option value="Århus">Århus</option> </select></td> </tr> <tr> <td width="18%">Fødselsdag:</td> <td width="82%"> <select size="1" name="month" id="select"> <option value="1">Januar</option> <option value="2">Februar</option> <option value="3">Marts</option> <option value="4">April</option> <option value="5">Maj</option> <option value="6">Juni</option> <option value="7">Juli</option> <option value="8">August</option> <option value="9">September</option> <option value="10">Oktober</option> <option value="11">November</option> <option value="12">December</option> </select>-<select size="1" name="day" id="select"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select>-<select size="1" name="year" id="select"> <option value="1960">1960</option> <option value="1961">1961</option> <option value="1962">1962</option> <option value="1963">1963</option> <option value="1964">1964</option> <option value="1965">1965</option> <option value="1966">1966</option> <option value="1967">1967</option> <option value="1968">1968</option> <option value="1969">1969</option> <option value="1970">1970</option> <option value="1971">1971</option> <option value="1972">1972</option> <option value="1973">1973</option> <option value="1974">1974</option> <option value="1975">1975</option> <option value="1976">1976</option> <option value="1977">1977</option> <option value="1978">1978</option> <option value="1979">1979</option> <option value="1980">1980</option> <option value="1981">1981</option> <option value="1981">1982</option> <option value="1983">1983</option> <option value="1984">1984</option> <option value="1985">1985</option> <option value="1986">1986</option> <option value="1987">1987</option> <option value="1989">1989</option> <option value="1990">1990</option> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995">1995</option> <option value="1996">1996</option> <option value="1997">1997</option> <option value="1998">1998</option> <option value="1999">1999</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> </select></td> </tr> </table> <hr> <p>Lidt om dig selv:</p> <p><textarea rows="7" name="info" cols="76" id="form"></textarea></p> <p> </p> <p> </p> <p><input type="submit" value="Send" name="B1" id="form"><input type="reset" value="Nulstil" name="B2" id="form"></p> </form> </body> </html> Der er den.. Bare lav det på din måde ;)
08. juli 2003 - 21:37
#11
skulle lige spise ;D her : <html> <head> <meta http-equiv="Content-Language" content="da"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Username</title> <STYLE type=text/css> #form{ background:#E2E2E2; border:#E2E2E2 1px solid font-size: 12px; font-family: verdana; color: #008080; } #select{ background:#E2E2E2; border:#E2E2E2 1px solid font-size: 12px; font-family: verdana; color: #008080; width: 150px; } </STYLE> </head> <body bgcolor="#F2F2F2"> <script language="JavaScript"> function CheckForm () { for (j=0;j<4;j++){ document.getElementById('kryds'+j).style.visibility = "hidden";} var errorMsg = ""; var kryds = ""; if (document.form.username.value == ""){ errorMsg += "\n\tUsername \t- Du mangler at skrive et brugernavn!\n"; kryds += "0," } if (document.form.password.value == ""){ errorMsg += "\n\tPassword \t- Du mangler at skrive et password!\n"; kryds += "1," } if (document.form.realname.value == ""){ errorMsg += "\n\tRealname \t- Du skal skrive dit rigtige navn!\n"; kryds += "2," } if (document.form.info.value == ""){ errorMsg += "\n\tInfo\t\t- Du skal skrive noget om dig selv!\n"; kryds += "3," } if (!document.form.email.value.match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/)) { errorMsg += "\n\tE-mail adresse \t- Indtast en gyldig e-mail adresse\n"; kryds += "4," } if (errorMsg != ""){ msg = "______________________________________________________________\n\n"; msg += "Du manglerne noget.\n"; msg += "Ret fejlen/fejlene.\n"; msg += "______________________________________________________________\n\n"; msg += "Følgende felt(er) skal rettes til: -\n"; errorMsg += alert(msg + errorMsg + "\n\n"); arr = kryds.split(','); for (i=0;i<arr.length-1;i++){ document.getElementById('kryds'+arr[i]).style.visibility = "visible";} return false; } return true; } // --> </script> <form method="POST" name="form" action="ggg" onSubmit="return CheckForm();"> <table border="0" width="71%"> <tr> <td width="18%">Username: </td> <td width="82%"> <input type="text" name="username" size="20" id="form"><DIV ID="kryds0" style="position:absolute;visibility:hidden;">X</DIV></td> </tr> <tr> <td width="18%">Password:</td> <td width="82%"> <input type="password" name="password" size="20" id="form"><DIV ID="kryds1" style="position:absolute;visibility:hidden;">X</DIV></td> </tr> <tr> <td width="18%">Realname: </td> <td width="82%"> <input type="text" name="realname" size="20" id="form"><DIV ID="kryds2" style="position:absolute;visibility:hidden;">X</DIV></td> </tr> <tr> <td width="18%">Email: </td> <td width="82%"> <input type="text" name="email" size="20" id="form"><DIV ID="kryds3" style="position:absolute;visibility:hidden;">X</DIV></td> </tr> </table> <hr> <table border="0" width="71%"> <tr> <td width="18%">Højde:</td> <td width="82%"> <input type="text" name="height" size="3" id="form" maxlength="3"></td> </tr> <tr> <td width="18%">Vægt: </td> <td width="82%"> <input type="text" name="weight" size="3" id="form" maxlength="3"></td> </tr> <tr> <td width="18%">Postnummer: </td> <td width="82%"> <input type="text" name="areacode" size="4" id="form" maxlength="4"></td> </tr> <tr> <td width="18%">Køn:</td> <td width="82%"> <select size="1" name="sex" id="select"> <option selected value="NULL">Vælg</option> <option value="Mand">Mand</option> <option value="Kvinde">Kvinde</option> </select></td> </tr> <tr> <td width="18%">Øjenfarve: </td> <td width="82%"> <select size="1" name="eyecolor" id="select"> <option value="NULL">Vælg</option> <option value="Blå">Blå</option> <option value="Blå/Grøn">Blå/Grøn</option> <option value="Lyseblå">Lyseblå</option> <option value="Brune">Brune</option> <option value="Andet">Andet</option> </select></td> </tr> <tr> <td width="18%">Hårfarve:</td> <td width="82%"> <select size="1" name="haircolor" id="select"> <option value="Brunt">Brunt</option> <option value="Rødt">Rødt</option> <option value="Lyst">Lyst</option> <option value="Sort">Sort</option> <option value="Leverpostej">Leverpostej</option> <option value="Hvidt">Hvidt</option> <option value="Gråt">Gråt</option> <option value="Skaldet">Skaldet</option> <option selected value="NULL">Vælg</option> </select></td> </tr> <tr> <td width="18%">Ryger:</td> <td width="82%"> <select size="1" name="smooking" id="select"> <option selected value="NULL">Vælg</option> <option value="Nej">Ryger ikke</option> <option value="Festryger">Festryger</option> <option value="Fastryger">Fastryger</option> <option value="Piberyger">Piberyger</option> <option value="Andet">Andet</option> </select></td> </tr> <tr> <td width="18%">Stjernetegn: </td> <td width="82%"> <select size="1" name="starsign" id="select"> <option value="NULL">Vælg</option> <option value="2">Stenbuk</option> <option value="3">Vandmand</option> <option value="4">Fisk</option> <option value="5">Vædder</option> <option value="6">Tyr</option> <option value="7">Tvilling</option> <option value="8">Krebs</option> <option value="9">Løve</option> <option value="10">Jomfru</option> <option value="11">Vægt</option> <option value="12">Skorpion</option> <option value="13">Skytte</option> </select></td> </tr> <tr> <td width="18%">Status:</td> <td width="82%"> <select size="1" name="status" id="select"> <option selected value="NULL">Vælg</option> <option value="Single">Single</option> <option value="Gift">Gift</option> <option value="Kæreste">Kæreste</option> <option value="Separeret">Separeret</option> </select></td> </tr> <tr> <td width="18%">Søger:</td> <td width="82%"> <select size="1" name="seeks" id="select"> <option selected value="NULL">Vælg</option> <option value="Ven/Veninde">Ven/Veninde</option> <option value="Kæreste">Kæreste</option> <option value="Chatven">Chatven/veninde</option> <option value="Brevven">Brevven</option> <option value="Penneven">Penneven</option> </select></td> </tr> <tr> <td width="18%">Bopæl:</td> <td width="82%"> <select size="1" name="region" id="select"> <option selected value="NULL">Vælg</option> <option value="Storkøbenhavn">Storkøbenhavn</option> <option value="Sjælland">Sjælland</option> <option value="Fyn">Fyn</option> <option value="Langeland/øerne ">Langeland/øerne</option> <option value="Jylland">Jylland</option> <option value="Odense">Odense</option> <option value="Århus">Århus</option> </select></td> </tr> <tr> <td width="18%">Fødselsdag:</td> <td width="82%"> <select size="1" name="month" id="select"> <option value="1">Januar</option> <option value="2">Februar</option> <option value="3">Marts</option> <option value="4">April</option> <option value="5">Maj</option> <option value="6">Juni</option> <option value="7">Juli</option> <option value="8">August</option> <option value="9">September</option> <option value="10">Oktober</option> <option value="11">November</option> <option value="12">December</option> </select>-<select size="1" name="day" id="select"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select>-<select size="1" name="year" id="select"> <option value="1960">1960</option> <option value="1961">1961</option> <option value="1962">1962</option> <option value="1963">1963</option> <option value="1964">1964</option> <option value="1965">1965</option> <option value="1966">1966</option> <option value="1967">1967</option> <option value="1968">1968</option> <option value="1969">1969</option> <option value="1970">1970</option> <option value="1971">1971</option> <option value="1972">1972</option> <option value="1973">1973</option> <option value="1974">1974</option> <option value="1975">1975</option> <option value="1976">1976</option> <option value="1977">1977</option> <option value="1978">1978</option> <option value="1979">1979</option> <option value="1980">1980</option> <option value="1981">1981</option> <option value="1981">1982</option> <option value="1983">1983</option> <option value="1984">1984</option> <option value="1985">1985</option> <option value="1986">1986</option> <option value="1987">1987</option> <option value="1989">1989</option> <option value="1990">1990</option> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995">1995</option> <option value="1996">1996</option> <option value="1997">1997</option> <option value="1998">1998</option> <option value="1999">1999</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> </select></td> </tr> </table> <hr> <p>Lidt om dig selv:</p> <p><textarea rows="7" name="info" cols="76" id="form"></textarea><DIV ID="kryds4" style="position:absolute;visibility:hidden;">X</DIV></p> <p> </p> <p> </p> <p><input type="submit" value="Send" name="B1" id="form"><input type="reset" value="Nulstil" name="B2" id="form"></p> </form> </body> </html>
08. juli 2003 - 22:05
#12
Tark virker ;)
08. juli 2003 - 22:07
#13
;)
Vi tilbyder markedets bedste kurser inden for webudvikling