幾乎每個web應用都會用到表單，Angular 為我們提供了幾個內置 validators (驗證器)，但在實際工作中為了滿足項目需求，我們經(jīng)常需要為應用添加一些自定義驗證功能。

成都創(chuàng)新互聯(lián)公司網(wǎng)站建設服務商，為中小企業(yè)提供成都網(wǎng)站建設、做網(wǎng)站服務，網(wǎng)站設計，網(wǎng)站托管等一站式綜合服務型公司，專業(yè)打造企業(yè)形象網(wǎng)站，讓您在眾多競爭對手中脫穎而出成都創(chuàng)新互聯(lián)公司。

angular內置驗證器

• required - 表單控件值非空
• email - 表單控件值的格式是 email
• minlength - 表單控件值的最小長度
• maxlength - 表單控件值的大長度
• pattern - 表單控件的值需匹配 pattern 對應的模式（正則表達式）

需求：設置成績占比時，如果總占比不是100%，則無法通過驗證。

分析：需求很簡單，只需要寫一個驗證器即可，由于不需要訪問后臺，且驗證器與三個字段有關，所以是同步跨字段驗證。

實現(xiàn)驗證器

首先，去官網(wǎng)上找示例代碼：

export const identityRevealedValidator: ValidatorFn = (control: FormGroup): ValidationErrors | null => {
 const name = control.get('name');
 const alterEgo = control.get('alterEgo');

 return name && alterEgo && name.value === alterEgo.value ? { 'identityRevealed': true } : null;
};

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

新聞標題：angular實現(xiàn)同步驗證器跨字段驗證的方法-創(chuàng)新互聯(lián)
新聞來源：http://jinyejixie.com/article44/iscee.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設、網(wǎng)站營銷、網(wǎng)站設計、外貿建站、靜態(tài)網(wǎng)站、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)