Próbuję zweryfikować pola numerów telefonu. Warunki to sprawdzanie poprawności pól po wprowadzeniu przez użytkownika nazwy następnego pola nazwy lokalizacji. fiddle Również pola numeru telefonu wymagają automatycznej karty do następnego pola wprowadzania telefonu. [po wprowadzeniu numeru kierunkowego (3 cyfry) fokus powinien przejść do następnego 3-cyfrowego pola wprowadzania numeru telefonu). po zakończeniu skup się na 4 ostatnich cyfrach.AngularJS - Sprawdzanie numeru telefonu w trzech polach wejściowych
<form id="aidLocationForm" class="well form-inline">
<div class="control-group phone-group">
<label for="phone1" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 col-xl-4 control-label">Primary contact number</label>
<div class="controls">
<input type="text" value="" maxlength="3" ng-minlength="3" ng-maxlength="3" class="area-code input-mini aid-primary-phone1-lbl" aria-label="Primary contact number" pattern="/^[0-9]{3}$">
<input type="text" value="" maxlength="3" ng-minlength="3" ng-maxlength="3" class="area-code input-mini aid-primary-phone2-lbl" aria-label="Primary contact number" pattern="/^[0-9]{3}$">
<input type="text" value="" maxlength="4" ng-minlength="4" ng-maxlength="4" class="area-code input-mini aid-primary-phone3-lbl" aria-label="Primary contact number" pattern="/^[0-9]{4}$">
</div>
</div>
<div class="control-group">
<label for="primaryLocationName" class="col-xs-12 col-sm-4 col-md-4 col-lg-4 col-xl-4 control-label aid-primary-location-location-lbl">Primary Location Name</label>
<!-- end of label -->
<div class="controls">
<input type="text" name="primaryLocationName" id="primaryLocationName" class="col-xs-12 col-sm-9 col-md-6 col-lg-6 col-xl-6 aid-primary-location-name-input" ng-model="" required placeholder="Enter the city followed by location" size="50" maxlength="50"
aria-disabled="true" aria-label="Primary Location Name">
</div>
</div>
<button type="submit" class="btn">Sign in</button>
</form>
Twój skrzypce nie jest funkcjonalny. Opublikuj działającą wersję. – Phix
Czy sprawdziłeś konsolę przed opublikowaniem? To nie działa! – Phix
@Phix - Mój zły .. dodałem podstawowe sprawdzania poprawności dla sprawdzania długości i dodałem jquery.jsfiddle.net/priyaa2002/mvsyde1o/ – dragonfly