[PHP] Personalizowanie formy nr telefonu Opcje

[busyboy]

Witam,

Mam na stronie formularz w którym oprócz danych zawiera również możliwość wprowadzenia nr telefonu. Wiadomo również jest wprowadzony ten nr - jedni wpisują ciągiem, inni po myślnikach itp czy ktoś ma wiedze w jaki sposób ujednolicić sposób wyświetlania tych numerów - tak żeby za każdym razem byłby wyświetlany w takiej samej formie.

Pozdrawiam
BusyBoy

[Lion]

Na pierwszej linii, czyli po stronie przeglądarki użytkownika, możesz zacząć od ustawienia atrybutów input type="tel" pattern="twoj pattern". Później, jeśli przeglądarka użytkownika nie wspiera podanych wcześniej atrybutów, można to zwalidować formularz w JS. Na końcu jeszcze walidacja po stronie serwera aby złapać najbardziej opornych.

[Niree]

Użyj sobie:
https://plugins.jquery.com/jquery.inputmask/

Przykład:

[HTML] pobierz, plaintext 
<input type="text" name="forwarder_phone" class="form-control" placeholder="Spedytor nadzorujący zlecenie" data-inputmask='"mask": "999-999-999"' data-mask/>
[HTML] pobierz, plaintext 

na samym dole:

[PHP] pobierz, plaintext 
<!-- jQuery 2.2.3 -->
<script src="plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- InputMask -->
<script src="plugins/input-mask/jquery.inputmask.js"></script>
<script src="plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script>
  $(function () {
	$("[data-mask]").inputmask();
  });
</script>
[PHP] pobierz, plaintext 

Możesz sobie dowolnie kontrolować każdy input.

Ten post edytował Niree 14.12.2016, 10:13:53