diff options
-rw-r--r-- | css/_settings.scss | 7 | ||||
-rw-r--r-- | js/components/addressBookList/addressBookList_controller.js | 1 | ||||
-rw-r--r-- | templates/addressBookList.html | 8 |
3 files changed, 8 insertions, 8 deletions
diff --git a/css/_settings.scss b/css/_settings.scss index e49ac6be..c6e3cb3d 100644 --- a/css/_settings.scss +++ b/css/_settings.scss @@ -7,11 +7,8 @@ width: 100%; } -ul.addressBookList > li { - padding: 6px 0; - display: flex; - align-items: center; - flex-wrap: wrap; +.addressBookList form input.ng-invalid-pattern { + border-color: $color-error !important; } ul.addressBookList > li { diff --git a/js/components/addressBookList/addressBookList_controller.js b/js/components/addressBookList/addressBookList_controller.js index 04985b6b..552816cf 100644 --- a/js/components/addressBookList/addressBookList_controller.js +++ b/js/components/addressBookList/addressBookList_controller.js @@ -4,6 +4,7 @@ angular.module('contactsApp') ctrl.loading = true; ctrl.openedMenu = false; + ctrl.addressBookRegex = /^[a-zA-Z0-9À-ÿ\s-_.!?#|()]+$/i; AddressBookService.getAll().then(function(addressBooks) { ctrl.addressBooks = addressBooks; diff --git a/templates/addressBookList.html b/templates/addressBookList.html index 4a9b0738..762dcb8a 100644 --- a/templates/addressBookList.html +++ b/templates/addressBookList.html @@ -2,11 +2,13 @@ <ul class="addressBookList"> <li ng-repeat="addressBook in ctrl.addressBooks" addressbook data="addressBook" list="ctrl.addressBooks"></li> <li> - <form ng-submit="ctrl.createAddressBook()"> + <form ng-submit="ctrl.createAddressBook()" name="newAddressBookForm"> <input id="newList" placeholder="{{ctrl.t.addressBookName}}" class="newAddressBookInput" ng-model="ctrl.newAddressBookName" type="text" - autocomplete="off" autocorrect="off" spellcheck="false" /> - <input type="submit" value="" class="newAddressBookSubmit inline-button icon-confirm action pull-right" /> + autocomplete="off" autocorrect="off" spellcheck="false" + required ng-pattern="ctrl.addressBookRegex" /> + <input type="submit" value="" class="newAddressBookSubmit inline-button icon-confirm action pull-right" + ng-disabled="newAddressBookForm.$invalid || newAddressBookForm.$pristine" /> </form> </li> </ul> |