AngularJS 中为 input 添加字母大小写不敏感正则表达式匹配验证

代码与范例：

$scope.domainList = 'domain1.com|domain2.com';

$scope.isEmailValid = function () {
    var domains = $scope.domainList;
    // 第二个参数用于设定大小写不敏感
    var re = new RegExp("^[a-zA-Z0-9._%+-]+@(" + domains + ")$", "i");
    // 获取 input 关联的 ng-Model 的文本内容
    var email = $scope.userLoginForm.userEmail.$modelValue;
    // 如果尚未输入任何内容，则默认通过验证，否则测试匹配正则表达式
    return re.test(email) || !$scope.userLoginForm.userEmail.$dirty;
                
}

$scope.domainList = 'domain1.com|domain2.com';

$scope.isEmailValid = function () {

var domains = $scope.domainList;

// 第二个参数用于设定大小写不敏感

var re = new RegExp("^[a-zA-Z0-9._%+-]+@(" + domains + ")$", "i");

// 获取 input 关联的 ng-Model 的文本内容

var email = $scope.userLoginForm.userEmail.$modelValue;

// 如果尚未输入任何内容，则默认通过验证，否则测试匹配正则表达式

return re.test(email) || !$scope.userLoginForm.userEmail.$dirty;

}

说明：虽然包括 JavaScript 在内的正则表达式实现支持大小写不敏感匹配（i），但 HTML5 中，input 元素的 pattern 属性并不支持该标记位。为此，要实现该功能，必须借助额外的逻辑。如需显示错误信息，可为错误信息添加 ng-show=‘!isEmailValid’ 属性。

《AngularJS 中为 input 添加字母大小写不敏感正则表达式匹配验证》有2个想法

我着手搞项目的前后端分离，Angular跟VUE之间纠结了下，最后用了VUE，数据跟dom绑定习惯了写起来真爽代码也简洁。顺着S1摸过来的，最近在忙什么呢

微風说道：

2016 年 11 月 21 日 20:38

最近做完项目之余在研究 AngularJS 的 UT 和 CI，然后么，在刷 Leetcode，所以时间比较紧，今天恕不详回 -_-+

回复

《AngularJS 中为 input 添加字母大小写不敏感正则表达式匹配验证》有2个想法

回复 狸五郎 取消回复

回复狸五郎取消回复