2013-07-30 15 views
5

Moja kątowa aplikacja ma formularz logowania z pola wprowadzania e-mail/Nazwa użytkownika:kątowa typ wejścia validate = "email" jako type = "text"

<input type="email" required/> 

Input type = "email" więc correct keyboard is displayed in iOS.
Jednak sprawdzanie poprawności powinno być wejściem typu type = "text", aby umożliwić podanie nazwy użytkownika.

Zasadniczo muszę zastąpić kątowa do typu validate = „Wyślij” jako typ = „text”
Oto basic Plunker zacząć.

Uwaga: Próbowałem za pomocą NG-wzór, aby potwierdzić na regex, ale wydaje się tylko do pracy dla type = „text”

Odpowiedz

5

Nie sądzę, że to możliwe, aby zmienić typ jak wejściowy =” e-mail „jest obsługiwana w kanciasty bez zmiany jego źródła, ale może zamiast można spróbować:

<input type="text" required late-email /> 
angular.module('yourApp').directive('lateEmail', function() { 
    return { 
     priority: -1, 
     link: function(scope, elem, attrs) { 
      elem.attr('type', 'email'); 
     } 
    }; 
}); 

Ważna rzeczą jest tutaj priorytetem, jak angularjs dyrektywa wejście musi uruchomić (odnośnik) pierwsza tak użyje” tekst "jako typ wejściowy, następnie lateEmail będzie ch typ wprowadzania ange na adres e-mail.

+0

Rozwidlony Plunk rozwiązaniem Codefather. Nie mam teraz iPhone'a do ręki, ale patrząc na inspektora zakładam, że to zadziała - http://plnkr.co/edit/GAlhFQlMhGNHeSs2TKrJ?p=preview –

+0

Testowany na iPadzie i działa jak uczta. Dziękuję Codefather, oznaczenie jako poprawne. –

Powiązane problemy