Søg
Avatar billede thomaskramer Juniormester
24. august 2006 - 11:51 Der er 14 kommentarer og
1 løsning

Felter SKAL udfyldes!

Hej

Er der en der kan give et script der sørger for at bestemte felter i en formular SKAL udfyldes før end brugeren kan sende formularen?

Det er blot navn, adresse, osv som kunden skal udfylde.

Der er 200 point på højkant, for hurtigt svar,¨

På forhånd tak
Thomas
Avatar billede mcgoat Nybegynder
24. august 2006 - 11:58 #1
ville nok være bedre at lave på serverside? PHP/ASP.

Javascript kan man jo altid komme uden om :P
Avatar billede thomaskramer Juniormester
24. august 2006 - 12:01 #2
Jo - måske.

Men det skal bare være sådan at hvis kunden ikke udfylder sin adresse, så skal der komme en boks der siger "husk at udfylde navn og adresse".

Der skal ikke være så meget hokus-pokus over det :-)
Avatar billede mcgoat Nybegynder
24. august 2006 - 12:09 #3
bixede noget samme hurtigt. se om du kan bruge det :)

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

function checkform()
{
    if(document.minform.navn.value.length != 0 && document.minform.adresse.value.length != 0)
    {
      document.minform.subm.disabled = false;
    }
    else
    {
      document.minform.subm.disabled = true;
    }
}

</script>
</head>
<body>

<form name="minform" action="test.php" method="post">

<input type="text" name="navn" onKeyDown="checkform();"><br><br>
<input type="text" name="adresse" onKeyDown="checkform();"><br><br>

<input type="submit" name="subm" value="Submit" DISABLED>

</form>

</body>
</html>
Avatar billede mcgoat Nybegynder
24. august 2006 - 12:10 #4
lav det om til onKeyUp istedet for onKeyDown :)
Avatar billede mcgoat Nybegynder
24. august 2006 - 12:19 #5
Så vil knappen slet ikke kunne bruges før der er udfyldt i begge felter
Avatar billede thomaskramer Juniormester
24. august 2006 - 12:20 #6
OK - det lyder spændende - jeg tjekker det lige inden længe!!
Avatar billede mcgoat Nybegynder
24. august 2006 - 12:22 #7
du kunne også lave det sådan:

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


function Check()
{
  if(document.minform.navn.value.length == 0 || document.minform.adresse.value.length == 0)
  {
    alert("Du mangler at udfylde noget!");
  }
  else
  {
    document.minform.submit();
  }
}

</script>
</head>
<body>

<form name="minform" action="test.php" method="post">

<input type="text" name="navn" onKeyUp="checkform();"><br><br>
<input type="text" name="adresse" onKeyUp="checkform();"><br><br>

<input type="button" name="subm" value="Send" onClick="Check();">

</form>

</body>
</html>

Så kan man godt trykke på knappen uden at have skrevet noget, men den vil komme med en fejl og ikke sende dig videre før du har udfyldt det du skal
Avatar billede mcgoat Nybegynder
24. august 2006 - 12:25 #8
eks1:
http://www.jksoftware.dk/formtest2.html

eks2:
http://www.jksoftware.dk/formtest.html

der kan du se hvad de gør :)
Avatar billede mcgoat Nybegynder
24. august 2006 - 17:55 #9
var det noget? :)
Avatar billede thomaskramer Juniormester
27. august 2006 - 21:32 #10
Det ser ud til at den fint kommer med beskeden DU MANGLER AT UDFYLDE NOGET...

Men så kører den ellers videre?

-------

<script language="javascript">


function Check()
{
  if(document.minform.navn.value.length == 0 || document.minform.adresse.value.length == 0)
  {
    alert("Du mangler at udfylde noget!");
  }
  else
  {
    document.minform.submit();
  }
}

</script>

--------


<td class="brodtekst" valign="top" width="33%" height="35"><b>Dine oplysninger:<br>
                                                        (skal udfyldes)</b></td>
                                                <td class="brodtekst" width="347" height="35"></td>
                                                <td class="brodtekst" width="347" height="35"></td>
                                            </tr>
                                            <tr height="35">
                                                <td class="brodtekst" valign="top" width="33%" height="35">Navn:</td>
                                                <td class="brodtekst" width="347" height="35"><input type="text" name="navn" size="24" border="0" onKeyUp="checkform();"></td>
                                                <td class="brodtekst" width="347" height="35"></td>
                                            </tr>
                                            <tr height="35">
                                                <td class="brodtekst" valign="top" width="33%" height="35">Adresse:</td>
                                                <td class="brodtekst" width="347" height="35"><input type="text" name="adresse" size="24" border="0" onKeyUp="checkform();"></td>
                                                <td class="brodtekst" width="347" height="35"></td>
                                            </tr>
                                            <tr height="35">
                                                <td class="brodtekst" valign="top" width="33%" height="35">Postnummer og By</td>
                                                <td class="brodtekst" width="347" height="35"><input type="text" name="Postnummer: " size="24" border="0"onKeyUp="checkform();></td>
                                                <td class="brodtekst" width="347" height="35"></td>
                                            </tr>
                                            <tr height="35">
                                                <td class="brodtekst" valign="top" width="33%" height="35">Telefonnummer</td>
                                                <td class="brodtekst" width="347" height="35"><input type="text" name="Telefonnummer: " size="24" border="0"onKeyUp="checkform();"></td>
                                                <td class="brodtekst" width="347" height="35"></td>
                                            </tr>
                                            <tr height="35">
                                                <td class="brodtekst" valign="top" width="33%" height="35">E-mail</td>
                                                <td class="brodtekst" width="347" height="35"><input type="text" name="E-mail: " size="24" border="0" onKeyUp="checkform();"></td>
                                                <td class="brodtekst" width="347" height="35"></td>
                                            </tr>
                                            <tr height="35">
                                                <td class="brodtekst" width="33%" height="35"></td>
                                                <td class="brodtekst" valign="bottom" width="200" height="35"><input type="submit" name="subm" value="Send til Vogn-Kartoteket" tabindex="4" border="0" onClick="Check();"></td>
                                                <td class="brodtekst" width="147" height="35"></td>


----

Har jeg gjort noget galt??
Avatar billede mcgoat Nybegynder
28. august 2006 - 09:46 #11
yep.
"><input type="submit" name="subm" value="Send til Vogn-Kartoteket" tabindex="4" border="0" onClick="Check();">

skal være type="button" og ikke submit :)
Avatar billede mcgoat Nybegynder
28. august 2006 - 09:48 #12
kan se du har blandet de 2 scripts sammen. Hvilken en vil du bruge? den hvor man slet ikke KAN trykke på knappen før det er udfyldt, eller den der kommer med en fejl hvis man ikke har udfyldt?
Avatar billede mcgoat Nybegynder
28. august 2006 - 09:50 #13
for hvis du vil bruge den med at der kommer "DU HAR IKKE UDFYLDT.....". så skal du bare ændre type="button". og så fjerne
onKeyUp="checkform();

fra dine textboxes

hvor der iøvrigt mangler en " til sidst hvis det var den du ville have brugt :)
Avatar billede thomaskramer Juniormester
20. september 2006 - 23:45 #14
nu ser det ud til at fungere.

Men - skal alle felter så udfyldes for at den sender dem afsted?

Synes godt jeg kan få lov at slippe for at skrive emailen - kan det passe??
Avatar billede thomaskramer Juniormester
17. januar 2008 - 13:58 #15
lukkes
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
I går 21:35 Lidt simpel (håber jeg) Photoshop hjælp Af fcs i Billedbehandling
16/0516:04 Canon printer vil ikke udskrive farver Af mort1 i Printere
16/0514: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 »