Søg
Avatar billede okidoky Nybegynder
28. august 2006 - 11:28 Der er 13 kommentarer og
1 løsning

validering af forms

Hej

Jeg vil gerne vide hvordan man laver en god validering som denne...

At når man f.eks ikke skriver password ens, så skal der komme en rød firkant omkring password når siden opdatere, og ikke noget tekst hvor der står at password ikke matcher??
Avatar billede mcgoat Nybegynder
28. august 2006 - 11:41 #1
lille eks:

<html>
<head>
<script language="javascript">

function Check()
{
  if(document.minform.password1.value != document.minform.password2.value)
  {
      alert("Password ikke ens");   
  }
  else
  {
    alert("Password er ens");
  }
}

</script>
</head>
<body>
</body>
<form name="minform">
<input type="password" name="password1">
<input type="password" name="password2">
<input type="button" onClick="Check();">
</form>
</html>
Avatar billede okidoky Nybegynder
28. august 2006 - 11:48 #2
Ja det ved jeg hvordan man laver, men det jeg vil have er, at når password ikke passer sammen eller form felt er tomt, skal den markere feltet med en firkant(rød)?
Avatar billede mcgoat Nybegynder
28. august 2006 - 12:06 #3
hvad med:

<html>
<head>
<script language="javascript">

function Check()
{
  if(document.minform.password1.value != document.minform.password2.value)
  {
      var obj= document.getElementById("ipassword1");
      obj.style.border = "solid red 3px";
      var obj2= document.getElementById("ipassword2");
      obj2.style.border = "solid red 3px";
  }
  else
  {
    var obj = document.getElementById("ipassword1");
    obj.style.border = "solid black 1px";
    var obj2 = document.getElementById("ipassword2");
    obj2.style.border = "solid black 1px";
  }
}

</script>
</head>
<body>
</body>
<form name="minform">
<input type="password" name="password1" id="ipassword1" style="border:solid;border-color:red;border-width:3" onKeyUp="Check();">
<input type="password" name="password2" id="ipassword2" style="border:solid;border-color:red;border-width:3" onKeyUp="Check();">
</form>
</html>
Avatar billede okidoky Nybegynder
28. august 2006 - 12:09 #4
der er noget  galt med den ... får rød med det samme
Avatar billede mcgoat Nybegynder
28. august 2006 - 12:36 #5
yep. hvis du ikke vil have det så fjern
style="border:solid;border-color:red;border-width:3
i
<input type="password" name="password1" id="ipassword1" style="border:solid;border-color:red;border-width:3" onKeyUp="Check();">


og den anden input også selvf
Avatar billede mcgoat Nybegynder
28. august 2006 - 12:50 #6
kunne også lave det sådan:

<html>
<head>
<script language="javascript">

function Check()
{
  if(document.minform.password1.value != document.minform.password2.value)
  {
      var obj= document.getElementById("ipassword1");
      obj.style.border = "solid red 3px";
          obj.value = "";
      var obj2= document.getElementById("ipassword2");
      obj2.style.border = "solid red 3px";
          ovj2.value = "";
  }
  else
  {
    var obj = document.getElementById("ipassword1");
    obj.style.border = "solid black 1px";
    var obj2 = document.getElementById("ipassword2");
    obj2.style.border = "solid black 1px";
  }
}

</script>
</head>
<body>
</body>
<form name="minform">
<input type="password" name="password1" id="ipassword1"><br>
<input type="password" name="password2" id="ipassword2"><br>
<input type="button" value="Check Passwords" onClick="Check();">

</form>
</html>
Avatar billede okidoky Nybegynder
28. august 2006 - 12:56 #7
ok, men hør.

Jeg har lavet en formular der indeholder mange forms, man skal udfylde dem, og så trykke på submit knappen, hvis der er noget der ikke er udfyldt eller der er fejl i password, så skal den når den har opdateret, lave en rød firkant om hvert felt som skal laves om
Avatar billede mcgoat Nybegynder
28. august 2006 - 13:07 #8
der kører vi jo bare scriptet, og får det til at submitte formen hvis alt er udfyldt korrekt:

<html>
<head>
<script language="javascript">

function Check()
{
  if(document.minform.password1.value != document.minform.password2.value)
  {
      var obj= document.getElementById("ipassword1");
      obj.style.border = "solid red 3px";
          obj.value = "";
      var obj2= document.getElementById("ipassword2");
      obj2.style.border = "solid red 3px";
          ovj2.value = "";
  }
  else
  {
    var obj = document.getElementById("ipassword1");
    obj.style.border = "solid black 1px";
    var obj2 = document.getElementById("ipassword2");
    obj2.style.border = "solid black 1px";
    // Alt er udfyldt OK, submit formen
    document.minform.submit();
  }
}

</script>
</head>
<body>
</body>
<form name="minform" action="videre.php" method="post">
<input type="password" name="password1" id="ipassword1"><br>
<input type="password" name="password2" id="ipassword2"><br>
<input type="button" value="Check Passwords" onClick="Check();">

</form>
</html>
Avatar billede mcgoat Nybegynder
28. august 2006 - 13:08 #9
ellers. så copy/paste dit script herind. så skal jeg nok lave det som det skal være
Avatar billede okidoky Nybegynder
29. august 2006 - 10:17 #10
hej igen .. jeg kan kun skrive når jeg er i skole.

Min form er lidt stor, så jeg vil bare spørger hvordan man til en hvilken som helst felt i formen, laver en check på om feltet er tom, den må ikke have færre end 4 tegn og mere en 15 ?
Avatar billede mcgoat Nybegynder
29. august 2006 - 21:44 #11
ehm. var dit oprindelige spørgsmål ikke at du ville matche 2 password felter, og lave en rød firkant om hvis det ikke var ens?
Avatar billede mcgoat Nybegynder
29. august 2006 - 21:44 #12
og nu vil du pludselig have noget andet?
Avatar billede okidoky Nybegynder
30. august 2006 - 09:12 #13
ok så opretter jeg bare et nyt spørgsmål med det andet spørgsmål, tak for din hjælp, det var også det jeg søgte :D

Svar lige så du kan få dine point :)
Avatar billede mcgoat Nybegynder
30. august 2006 - 22:57 #14
hehe ok. blev lige lidt forvirret der. :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
35 min siden Lidt simpel (håber jeg) Photoshop hjælp Af fcs i Billedbehandling
I går 16:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
I går 14:50 Hvilket fabrikat af Mesh systemer virker? Af fkj i Wifi
15/0513:45 AJAX kode -javascript Af Asky i Programmeringsværktøjer
15/0511:50 Vælg indstilling - blå skærm med med flere muligheder for fejlretning Af Uvanga i Windows
White papers
Flere white papers »