Avatar billede bars Nybegynder
18. august 2006 - 09:47 Der er 21 kommentarer og
1 løsning

kun tal i input type=text boks

hvordan laver man så man kun kan taste tal i sådan en boks?
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 10:01 #1
i en html form eller ?
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 10:02 #2
function isInt(myNum)
      {
        // get the modulus: if it's 0, then it's an integer
        var myMod = myNum % 1;

        if (myMod == 0)
        {
          return true;
        }
        else
        {
          alert('Field must be an integer!');
          return false;
        }
      }
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 10:02 #3
den skulle kunne klare det sådan generelt
Avatar billede bars Nybegynder
18. august 2006 - 10:07 #4
ja, deter i en html form jeg tænker på, hvordan integrerer jeg den funktion sammen med input feltet?
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 10:38 #5
Først et helt JS der også tjekker om feltet er tomt:

<script language='javascript'>
      function notEmpty(elem)
      {
        var str = elem.value;
        if(str.length <= 0)
        {
          alert('You must fill in the field(s).');
          return false;
        }
        else if(str.charAt(0) == ' ' || str.charAt(0) == '&nbsp;')
        {
          alert('Spaces are not allowed as first character.');
          return false;
        }
        else
        {
          return true;
        }
      }
      function isInt(myNum)
      {
        // get the modulus: if it's 0, then it's an integer
        var myMod = myNum % 1;

        if (myMod == 0)
        {
          return true;
        }
        else
        {
          alert('Field_Name must be an integer!');
          return false;
        }
      }

      function formValidation(form)
      {
       
        if(notEmpty(form.Field_Name) && isInt(form.Field_Name.value))
        {
          return true
        }
        else
        {
          return false;
        }
      }
</script>
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 10:39 #6
<form action='Action-site.php' method='post' name='Form_Name' onSubmit=\"return formValidation(this)\">
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 10:40 #7
det sidste var bare lige din form-start... hvor du giver den action info, at den skal poste dataene og et navn, og så den onSubmit der returnere enten true eller false. Dette gør at du får en popup hvis der er noget galt og så submitter den ikke :)
Avatar billede bars Nybegynder
18. august 2006 - 10:49 #8
Jeg har ikke så meget styr på js, men er det ikke muligt "bare" at lave på mit input noget ala dette
<input type="text" <script language="javascript">tillad kun disse tegn="01234567879"</script>>

eller er det noget vrøvl?
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 11:42 #9
hmm... det vil sige at du vil hver gang du skriver et tegn sige at den ikke må være andet end tal ?

Det giver en masse bøvl, og jeg ved egentlig ikke om man kan - eller "må" gøre det, for nogle browsere brokker sig meget over JS hvis der bare ikke lige er alt som de vil have det...

Det nemmeste er at gøre det onSubmit... det gør de også på krak, bilbasen mv.
Avatar billede bars Nybegynder
18. august 2006 - 11:47 #10
det jeg gerne vil har er ligesom på denne side

http://www.wilsonmar.com/1javascr.htm

ca midt på siden er der en form hvor der i zipcode ikke kan indtastes bogstaver, samme gælder for creditcard
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 11:58 #11
okay... det kan man godt... du kunne jo kigge direkte på siden, der står der et link også til det andet, men hvis du kigger kildekoden får du følgende:
<input type="text" name="cc" size="20" maxlength="19" value="1234 5678 9876 5432"
    OnClick="CheckCardNumber(this.form)" onKeypress="if(!isNS4){if((event.keyCode != 32) && (event.keyCode < 48 || event.keyCode > 57)) event.returnValue = false;}else{if((event.which != 32) && (event.which < 48 || event.which > 57)) return false;}">
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 12:01 #12
Det du skal bruge er følgende som du kan sætte ind i din:
<input type="text" onKeypress="if(!isNS4){if((event.keyCode != 32) && (event.keyCode < 48 || event.keyCode > 57)) event.returnValue = false;}else{if((event.which != 32) && (event.which < 48 || event.which > 57)) return false;}">
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 12:01 #13
Den er der også for zip-koden:

<input type="text" name="zip" value="12345-1234" size="10" maxlength="10"
    onChange="setState(this, state)" onKeypress="if(!isNS4){if((event.keyCode != 45) && (event.keyCode < 48 || event.keyCode > 57)) event.returnValue = false;}else{if((event.which != 45) && (event.which < 48 || event.which > 57)) return false;}">
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 12:02 #14
i den med zip-koden (postnummeret) har den så også onChange hvor den bruger en funktion til at sætte staten... dette behøver du ikke... det er sådan set kun onKeypress du skal bruge...
Avatar billede bars Nybegynder
18. august 2006 - 12:11 #15
Avatar billede ferrari_brian Nybegynder
18. august 2006 - 12:28 #16
det er sådan cirka også det samme som der stod på den anden side... bare den var skrevet direkte ind i input-koden...
Avatar billede roenving Novice
19. august 2006 - 11:29 #17
-- hvis man kan leve med det, kan man også bare fjerne tegn, der ikke accepteres:

<input type="text" name="zipCode" onkeyup="this.value=this.value.replace(/[^\d]/g,'');">
Avatar billede mclemens Nybegynder
19. august 2006 - 12:17 #18
Husk at validere på onchange for at være sikker ...
(selvom clientside aldrig er "sikker")
((copy 'n' paste uden brug af ctrl+v))
Avatar billede bars Nybegynder
23. august 2006 - 09:28 #19
jeg fandt selv det jeg skulle bruge, men tak for hjælpen alligevel
Avatar billede ferrari_brian Nybegynder
23. august 2006 - 09:56 #20
poster du så ikke svaret, således at hvis andre står i samme problem, så kan de læse dit indlæg...
Avatar billede bars Nybegynder
23. august 2006 - 10:54 #21
Det jeg brugte er det som jeg linker til tidligere, men jeg kan godt linke til den igen:
http://www.cambiaresearch.com/cambia3/snippets/javascript/browser/allownumbersonly.aspx
Avatar billede ferrari_brian Nybegynder
23. august 2006 - 13:47 #22
ok np
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