1

考虑我有下面的表格，我想验证多种语言。

<form ng-submit="vm.transferCommunity()" name="transferCommunityForm">
<input type="text" class="form-control" name="transferCommunityLogin" ng-model="vm.transferCommunity.login" ng-pattern="/^[a-zA-Z0-9-_ ]+$/" >
<button type="submit" class="btn btn-default" ng-disabled="(transferCommunityForm.transferCommunityLogin.$invalid && !transferCommunityForm.transferCommunityLogin.$pristine)">Button</button>

<div ng-messages="transferCommunityForm.transferCommunityLogin.$error" ng-if="transferCommunityForm.transferCommunityLogin.$invalid">
  <div class="alert alert-danger" ng-message="pattern">Special Characters are not allowed</div>
</div>
</form>

ng-pattern="/^[a-zA-Z0-9-_ ]+$/"我用来验证表单的当前模式 [ ]。它适用于英语，但对于日语、中文、法语、德语等语言，它会显示错误消息。

例如Reference，当翻译成法语时，英语中的单词变成Référence并且它显然包含特殊字符，但它是有效的。

这些问题怎么解决？？

任何帮助表示赞赏！

谢谢

4

1 回答 1

1

您可以指定所有错误的值，而不是指定所有正确的值。

创建一个包含所有错误字符的正则表达式。

例如：/[@!#$%^&*()\-+={}\[\]|\\/'";:.,~№?<>]+/i。

此正则表达式将查找所有错误字符。

由于ng-pattern期望我们给出一个正则表达式，我们需要覆盖 execution ng-pattern。

jsfiddle上的实时示例。

angular.module('ExampleApp', [])
  .controller('ExampleController', function($scope) {
    $scope.myPt = {
      regExp: /[@!#$%^&*()\-+={}\[\]|\\/'";:`.,~№?<>]+/i,
      test: function(val) {
        console.log(val);
        return !this.regExp.test(val);
      }
    };
  });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div ng-app="ExampleApp">
  <div ng-controller="ExampleController">
    <form name="myForm">
      <input ng-model="firstName" name="firstName" ng-pattern="myPt" required>
      <br>firstName = <pre>{{myForm.firstName.$error|json}}</pre>
    </form>
  </div>
</div>

PS也许我忘记了一些错误的符号。如果需要，您可以简单地扩展正则表达式。

于 2016-04-05T11:37:07.370 回答