Forum PHP.pl > [HTML]Jak zrobić maskę wprowadzania dla formularza.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML]Jak zrobić maskę wprowadzania dla formularza.

przemo191

15.08.2011, 11:23:26

Witam mam taki kod:

[HTML] pobierz, plaintext 
Data: <input type="text" name="data" maxlength="11">(dd/mm/yyyy)<br>
[HTML] pobierz, plaintext

i powiedzmy że chciałbym żeby to pole miało maskę wprowadzania miej więcej taką:

Chodzi o to żeby można było wpisać tylko liczby w danej formie.
Jak to zrobić?

mortus

15.08.2011, 11:33:04

W JavaScript. Zobacz np. Masked Input Plugin.

przemo191

15.08.2011, 11:58:53

Oto mi właśnie chodziło.
Tylko jak to dodać do kodu?

mortus

15.08.2011, 12:05:50

Przecież na podanej stronie w zakładce "Usage" masz pokazane:

[HTML] pobierz, plaintext 
<head>
  <!-- jakieś nagłówki -->
  <script src="jquery.js" type="text/javascript"></script>
  <script src="jquery.maskedinput.js" type="text/javascript"></script>
  <script type="text/javascript">
    jQuery(function($){
       $("#date").mask("99/99/9999");
       $("#phone").mask("(999) 999-9999");
       $("#tin").mask("99-9999999");
       $("#ssn").mask("999-99-9999");
    });
  </script>
</head>
<body>
  <!-- jakiś html -->
  <form action="" method="post">
    <p><input type="text" id="date" /></p>
    <p><input type="text" id="phone" /></p>
    <p><input type="text" id="tin" /></p>
    <p><input type="text" id="ssn" /></p>
  </form>
</body>
[HTML] pobierz, plaintext

przemo191

15.08.2011, 13:03:31

OK dodałem to, ale nie wiem skąd wziąć te dwa pliki:

[HTML] pobierz, plaintext 
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
[HTML] pobierz, plaintext

mortus

15.08.2011, 13:28:48

Z Intenetu:
jQuery
Masked Input Plugin

Proszę o wykazanie jakiejś inicjatywy, bo normalnie nie wierze w to, co tu widzę.

przemo191

15.08.2011, 14:50:44

Ja też nie wieżę że to było takie proste. Miałem już styczność z JavaScript ale nigdy z jQuery.

Wybaczcie za tak prostackie pytania

Wszystko działa jak należy, jeszcze raz dzięki.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.