Question

我想验证文本区域文本。

在空的情况下，html文本为空，如

<table>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tbody>
</table>

所有空案件都不应接受。请建议使用js / angularjs代码

这是我的textarea

<textarea placeholder="Answer" ng-model="answer"></textarea>

Answer 1

把它当作想法而非答案

使用 ng-show 指令

    <textarea placeholder="Answer" ng-model="answer" ng-show="isValidate"></textarea>

<button ng-click="validate()">Submit</button>

在控制者中

function ctrl($scope){
  $scope.isValidate = true;
  $scope.validate = function() {

     if($scope.answer.length === 0){
          $scope.isValidate = false;
     }
  }
}

Answer 2

您可以编写与td代码匹配的指令，并查看它们是否包含内容

.directive('td', function () {
  return {
    restrict: 'E',
     link: function (scope, elem, attrs) {
       if (elem[0].textContent === '') {
         // handle validation
       }
     }
  }
});

如果elem[0].innerHTML中的内容应为HTML而非纯文本，您还可以查看td。如果您不想匹配所有td标记，您只需为您的指令创建一个自定义名称，并为其指定所有需要的标记

文本验证 - Textarea

2 个答案: