AngularJS - 輸入名稱或電子郵件，如何實現？

Question

如何實現驗證輸入：

如果沒有@那麼它是一個名字。並且至少應爲3個字符。

如果有@ - 所以這是一個電子郵件。他必須是一個有效的電子郵件

我試圖想辦法如何做到這一點，我無法找到

我想說明的

即基於錯誤： 如果沒有@ - 錯誤將只有最少字符

如果有@ - 錯誤將是一個有效的電子郵件

Answer 1

<input type="email" 
    ng-model="string" 
    [name="string"] 
    [required="string"] 
    [ng-required="string"] 
    [ng-minlength="number"] 
    [ng-maxlength="number"] 
    [pattern="string"] 
    [ng-pattern="string"] 
    [ng-change="string"]> 

<input name="email" type="email" ng-model="obj.email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/" required> 

Answer 2

有優秀documentation +在AngularJs官方網站上提供了示例。

檢查輸入directive並根據您的需要對其進行自定義：

<input 
    ng-model="string" 
    [name="string"] 
    [required="string"] 
    [ng-required="boolean"] 
    [ng-minlength="number"] 
    [ng-maxlength="number"] 
    [ng-pattern="string"] 
    [ng-change="string"] 
    [ng-trim="boolean"]> 
... 
</input> 

對於input[email]

<input type="email" 
     ng-model="string" 
     [name="string"] 
     [required="string"] 
     [ng-required="string"] 
     [ng-minlength="number"] 
     [ng-maxlength="number"] 
     [pattern="string"] 
     [ng-pattern="string"] 
     [ng-change="string"]>