AngularJs表單自動驗證

標籤：

angular-auto-validate

地址：https://github.com/jonsamwell/angular-auto-validate

引用： <script src="/Assets/JS/AngularJS/angular-auto-validate/dist/jcs-auto-validate.js" charset="utf-8"></script>

依賴：var app= angular.module("appMain", ["jcs-autoValidate"]);

漢化：lang\jcs-auto-validate_zh-cn.json目錄下檔案

粘貼複製到jcs-auto-validate.js檔案中

是已經複製粘貼以後的，原文是英文，替換即可中文.

註：如果發現最終顯示的中文亂碼，將jcs-auto-validate.js另存新檔UTF-8（650001）。

儲存完畢即可完美顯示中文錯誤。

如果發現現實錯誤訊息地方有所偏差，可查看該處代碼進行修正

 

以上設定完畢後即可在專案檔中調用。

　　　　<div class= "form-group" >        <label for = "username" class= "control-label" >Username</label>       <input type="text" class="form-control " placeholder="角色名稱" ng-model="model.RoleName" ng-required="true"  ng-minlength="7" ng-pattern="/^[A-Za-z0-9_]{1,32}$/" ng-pattern-err-type="BadName">      </div>以上欄位校正共有3個：1、必須填寫；2：最小長度為7個字元；3：必須滿足Regex要；至於ng-required和ng-minlength有預設的錯誤訊息資訊，所以可以不用關係。但Regex則需要根據不同的需求而定義不同的訊息內容，那麼可以做如下定義：ng-pattern="/^[A-Za-z0-9_]{1,32}$/" ng-pattern-err-type="BadName"我們定義了BadName,這裡只需要添加服務即可

app.run(function (defaultErrorMessageResolver) {
defaultErrorMessageResolver.getErrorMessages().then(function (errorMessages) {
errorMessages[‘BadName‘] = ‘使用者名稱只能包含數字、字母或底線‘;
});
});

 這樣，我們可以根據萬能的Regex定義我們想要的錯誤資訊

AngularJs表單自動驗證