在Html中允许单一类型输入

时间:2016-10-04 18:13:24

标签: html

好的,我有一个聊天室,人们需要输入一个名字,一旦完成,他们可能会聊天。但很多时候人们会把别人的名字命名。所以我需要的是有限的输入

这是输入:

<input type="text" class="input-block-level" ng-model="name" ng-change="setName()" placeholder="Your Name" maxlength="10" required></div>

我需要这个,所以如果我输入名字Bob,没有人可以再次使用该名称

如果你想要网站:https://project-js-imthatguy.c9users.io/

1 个答案:

答案 0 :(得分:0)

在给定集合中检查的一种可能方式......

在这个例子中使用了一个简单的for循环

在您定义的发送功能中,执行检查:

    $scope.send = function send() {
      var isDuplicated = 0
      for (i = 0; i < $scope.roster.length; i++){
        if ($scope.roster[i] == $scope.name){ isDuplicated++ }
      }
      if (isDuplicated > 1){
        //make an error message appear here
        //quick and dirty solution
        alert('Please choose a name that has not been taken by someone else')
        //suggestion set a variable here to true and then use that variable to show/hide a div below the user input area
      }
      else {
        console.log('Sending message:', $scope.text);
        socket.emit('message', $scope.text);
        $scope.text = '';
     }
    };