busyboy
14.12.2016, 07:58:56
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
14.12.2016, 08:17:48
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
14.12.2016, 10:12:20
Użyj sobie:
https://plugins.jquery.com/jquery.inputmask/Przykład:
<input type="text" name="forwarder_phone" class="form-control" placeholder="Spedytor nadzorujący zlecenie" data-inputmask='"mask": "999-999-999"' data-mask/>
na samym dole:
<!-- 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>
Możesz sobie dowolnie kontrolować każdy input.