Avatar billede extream Nybegynder
20. september 2003 - 10:10 Der er 1 kommentar og
1 løsning

skift billede

Jeg har en validering hvor den skifter billede ved det felt som er == "". Men jeg vil gerne have at den skifter tilbage igen NÅR brugeren har skrevet noget i feltet. Der skal altså ikke være flere felter som har skiftet billede på samme tid.
Min kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="JavaScript" type="text/javascript">

function validate(){

    regex = /^[0-9\+ ]+$/;
  postnr = ring.postnr.value;
  telefon = ring.telefon.value;

 
       
    if  (ring.kontakt.value == ""){
        var feltnavn = "kontakt"
        document.images["i_"+feltnavn].src = "image/blank_knaplille_rod.gif"
        alert("You have to write your name!");
        ring[feltnavn].focus();
        return false;
        }
       
               
    else if (ring.adresse.value == ""){
        var feltnavn = "adresse"
        document.images["i_"+feltnavn].src = "image/blank_knaplille_rod.gif"
        alert("You have to write your address!");
        ring[feltnavn].focus();
        return false;
        }
       
    else if (ring.postnr.value == ""){
        var feltnavn = "postnr"
        document.images["i_"+feltnavn].src = "image/blank_knaplille_rod.gif"
        alert("You have to write your postal code!");
        ring[feltnavn].focus();
        return false;
        }
   
    else if (!postnr.match(regex)) {
        var feltnavn = "postnr"
        alert('Postal code must have a number!');
        ring[feltnavn].value = "";
        ring[feltnavn].focus();
        return false;
        }
       
    else if (ring.postby.value == ""){
        var feltnavn = "postby"
        document.images["i_"+feltnavn].src = "image/blank_knaplille_rod.gif"
        alert("You have to write the name of your city!");
        ring[feltnavn].focus();
        return false;
        }   
   
    else if (ring.telefon.value == ""){
        var feltnavn = "telefon"
        document.images["i_"+feltnavn].src = "image/blank_knaplille_rod.gif"
        alert("You have to write your phonenumber!");
        ring[feltnavn].focus();
        return false;
        }
   
    else if (!telefon.match(regex)) {
        var feltnavn = "telefon"
        alert('Phonenumber must have a number!');
        ring[feltnavn].value = "";
        ring[feltnavn].focus();
        return false;
        }
   
    else if (ring.email.value == ""){
        var feltnavn = "email"
        document.images["i_"+feltnavn].src = "image/blank_knaplille_rod.gif"
        alert("You have to write your email!");
        ring[feltnavn].focus();
        return false;
        }
   
    else if (ring.email.value.indexOf("@") == -1 && ring.email.value != ""){
        var feltnavn = "email"
        document.images["i_"+feltnavn].src = "image/blank_knaplille_rod.gif"
        alert("Email is not valid");
        ring[feltnavn].focus();
        return false;
        }
   
    else return true;
}
</script>
</head>

<body>
<form method="post" action="default.asp?choice=ring" name="ring" value="">
     
         
          Firmanavn&nbsp;
      <input name="firma" type="text" size="36" value="">
<img src="image/blank_knaplille.gif" name ="i_firma" width="10" height="10">
                     
         
            Kontaktperson <font color="#FF0000">*</font>
            <input name="kontakt" type="text"  size="36" value="">
<img src="image/blank_knaplille.gif" name ="i_kontakt" width="10" height="10">
                     
         
            Adresse&nbsp;<font color="#FF0000">*</font>
            <input name="adresse" type="text" size="36" value="">
<img src="image/blank_knaplille.gif" name ="i_adresse" width="10" height="10">
                   
         
            Postnr/by&nbsp;<font color="#FF0000">*</font>
            <input name="postnr" type="text" size="4" value="">
              <img src="image/blank_knaplille.gif" name ="i_postnr" width="10" height="10">
              <input name="postby" type="text" size="26" value="">
              <img src="image/blank_knaplille.gif" name ="i_postby" width="10" height="10">
           
         
         
            Telefon <font color="#FF0000">*</font>
            <input name="telefon" type="text" size="36" value="">
              <img src="image/blank_knaplille.gif" name ="i_telefon" width="10" height="10">
           
         
         
            &nbsp;
            &nbsp;
         
         
            Tr&aelig;ffes bedst
            <input name="traffes" type="text" size="36" maxlength="80" value="">
            <img src="image/blank_knaplille.gif" name ="i_traffes" width="10" height="10">
         
        E-mail adresse <font color="#FF0000">*</font>
        <input name="email" type="text" size="36" maxlength="80" value="">
            <img src="image/blank_knaplille.gif" name ="i_email" width="10" height="10">
     
         
        <br><INPUT name="ring_mig_op" type=hidden value="Ja">
        <br><input type="hidden" name="ring" id="ok" value="ok">
       
<input type="submit" value="Send interessekort" onclick=" return validate(); " class="inputKnap2">
      </form>
</body>
</html>
Avatar billede roenving Novice
21. september 2003 - 10:03 #1
Tilføj denne funktion til dit script:

function udfyldt(fld){
if(fld.value!="")
  document.images['i_'+fld.name].src = "image/blank_knaplille.gif";
else
  document.images['i_'+fld.name].src = "image/blank_knaplille_rod.gif";
}

-- og indsæt følgende i alle dine felter:

onchange="udfyldt(this)"

hth
jes
Avatar billede roenving Novice
16. juni 2004 - 15:00 #2
-- og tak for point ;~}
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