Javascript 如何检查输入字段中输入的值在angularjs中是否已可用_Javascript_Html_Css_Angularjs

Javascript 如何检查输入字段中输入的值在angularjs中是否已可用

javascript html css angularjs

Javascript 如何检查输入字段中输入的值在angularjs中是否已可用,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,在下面的示例中，我想知道如何检查输入字段中输入的值是否已经可用我有一个输入字段，按键时，我想用名称数组中的值检查输入字段值，如果名称数组中已经存在值，则向下显示错误消息，并禁用按钮。如果输入的值在名称数组中不存在，我不想显示错误消息并启用“添加”按钮。这是plunkr- html- <!DOCTYPE html> <html> <head> <script src="angular.min.js"></script>

在下面的示例中，我想知道如何检查输入字段中输入的值是否已经可用

我有一个输入字段，按键时，我想用名称数组中的值检查输入字段值，如果名称数组中已经存在值，则向下显示错误消息，并禁用按钮。如果输入的值在名称数组中不存在，我不想显示错误消息并启用“添加”按钮。这是plunkr-

html-

<!DOCTYPE html>
<html>

  <head>
    <script src="angular.min.js"></script>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>

  </head>

  <body ng-app="test" ng-controller="testController">
   Name: <input type="text"/>
   <button on-keypress="submit()">Add</button>
  </body>

</html>


姓名：
添加

在上面添加id以从文本字段检索值

$scope.names = ["name1","name2","name3"];

  for (i = 0; i < $scope.names.length; i++) {
    if (document.getElementById('getValue').value === $scope.names[i]) {
         alert('something'); 
         return;
    };
  };

$scope.names=[“name1”、“name2”、“name3”]；
对于（i=0；i<$scope.names.length；i++）{
if（document.getElementById（'getValue'）。value===$scope.names[i]）{
警惕（“某物”）；
返回；
};
};

然后运行一个函数来检查数组中的名称，以及是否存在警报和停止函数

隐藏将类添加到

add

并从控制器调用

$（'.random'）.hide（），注意这里使用的是JQuery。

姓名：
添加

在上面添加id以从文本字段检索值
$scope.names = ["name1","name2","name3"];

  for (i = 0; i < $scope.names.length; i++) {
    if (document.getElementById('getValue').value === $scope.names[i]) {
         alert('something'); 
         return;
    };
  };

$scope.names=[“name1”、“name2”、“name3”]；
对于（i=0；i<$scope.names.length；i++）{
if（document.getElementById（'getValue'）。value===$scope.names[i]）{
警惕（“某物”）；
返回；
};
};

然后运行一个函数来检查数组中的名称，以及是否存在警报和停止函数
隐藏将类添加到add
并从控制器调用$（'.random'）.hide（），请注意这里使用的是JQuery。
不要每次都在数组中循环，而是使用ng change，并使用array.prototype.includes（）
检查重复项

Html：
  <body ng-app="test"  ng-controller="testController">
    Name: <input type="text" ng-change="checkName()" ng-model="name"/>
   <button ng-keypress="submit()">Add</button>
   <p ng-show="showError">Name already exists</p>
  </body>

$scope.names = ["name1","name2","name3"];
$scope.showError = false;

$scope.checkName = function (){
   if($scope.names.includes($scope.name)){
     $scope.showError = true;
   } else {
     $scope.showError = false;
   }
 }

不要每次都在数组中循环，而是使用ng change并使用array.prototype.includes（）
检查是否存在重复

Html：
  <body ng-app="test"  ng-controller="testController">
    Name: <input type="text" ng-change="checkName()" ng-model="name"/>
   <button ng-keypress="submit()">Add</button>
   <p ng-show="showError">Name already exists</p>
  </body>

$scope.names = ["name1","name2","name3"];
$scope.showError = false;

$scope.checkName = function (){
   if($scope.names.includes($scope.name)){
     $scope.showError = true;
   } else {
     $scope.showError = false;
   }
 }