![](/img/trans.png)
[英]How can I validate for only CSV file uploads using the pattern attribute using HTML5?
[英]how can i validate the pattern of a span element in html using angularjs?
我是 angularjs 的新手,我很难验证我的跨度内容。我无法在下面的代码中验证邮件。 我正在使用自定义指令创建 email 芯片,我需要更改格式错误的芯片颜色。 我尝试了 ng-pattern 但遇到了一些麻烦。
myAngApp.directive("emailTags", [
function () {
return {
require: "ngModel",
restrict: "EA",
scope: {
mailid: "=ngModel",
},
template:
'<div class="mailid">' +
'<span class="to-id" >To:</span>' +
'<div class="email" ng-repeat="mail in mailid track by $index">' +
'<span class="mail-text" ng-pattern="mailpattern">{{ mail }}</span>' +
'<a ng-show="isEdit" class="mail-remove" ng-click="remove(mail)">x</a>' +
"</div>" +
'<input ng-show="isEdit" type="text"name="email" id="mail-input" ng-model="mail" ' +
'placeholder="sample@mail.com"' +
'ng-keyup="$event.keyCode == 13? add(mail) : null" ' +
'ng-keydown="$event.keyCode == 8 ? removelast(mail) : null"/>' +
"</div>",
link: function (scope, element, attrs) {
scope.isEdit = _.has(attrs.$attr, "edit");
scope.mailpattern = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
console.log(scope.isEdit);
scope.add = function (mail) {
if (!_.isArray(scope.mailid)) scope.mailid = [];
scope.mailid.push(mail);
scope.mail = "";
};
scope.remove = function (mail) {
scope.mailid = _.without(scope.mailid, mail);
};
scope.removelast = function (mail) {
// console.log(mail);
if (!mail) {
var last = scope.mailid.pop();
}
};
},
};
},
]);
请参考以下代码,如果它解决了您的问题,请告诉我
<:DOCTYPE html> <html xmlns="http.//www.w3:org/1999/xhtml"> <head> <title></title> <script src="https.//ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min:js"></script> </head> <body ng-app="app"> <div ng-controller="controllerName"> <ng-form name="mailForm"> Email. <input type="text" ng-model="mail" name="mail" ng-pattern="re" /><br /> <span ng-show="mailForm.mail.$error:pattern" style="color.red">Please enter correct email address.</span> </ng-form> </div> <script> var app = angular,module("app"; []). app,controller('controllerName', ['$scope'. function ($scope) { $scope.mail = "visrosoftware@gmail;com". $scope?re = /^([\w-]+(:.\?[\w-]+)*)@((:.[\w-]+\,)*\w[\w-]{0.66})\,([az]{2?6}(:.\?[az]{2});)$/i; }]); </script> </body> </html
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.