Question

如果搜索字段中没有条目，我希望禁用搜索按钮;

在我的html文件中，我有：

<div class="form-group">
    <input type="text" class="form-control" ng-model"searchinput">
</div>
<button type="submit" class="btn" ng-click="search()" ng-disabled="disabled"> Search</button>

在我的控制器中，我有：

if ($scope.searchinput == ""){  
     $scope.disabled = true;
}

这不起作用。我做错了什么？

Answer 1

如果长度小于零，则计算searchinput的长度，然后简单地禁用

isButtonDisable = function() {
   $scope.searchinput.length == 0 ? true : false;
}

并在你的HTML中

<div class="form-group">
    <input type="text" class="form-control" ng-model"searchinput">
</div>
<button type="submit" class="btn" ng-click="search()" ng-disabled="isButtonDisable()"> Search</button>

Answer 2

简单地这样做：

HTML：

   <div class="form-group">
       <input type="text" class="form-control" ng-model"searchinput">
   </div>
   <button type="submit" class="btn" ng-disabled="!searchinput"> Search</button>

这将解决您的问题。

Answer 3

尝试这个：

    <form name="myForm" ng-controller="MainCtrl">
    <input type="text" ng-required="true" name='myName' ng-model='myName'/>
    <span>{{name}}</span>
    <input type="submit" value="Submit"  ng-disabled="myForm.myName.$pristine" />
    {{myForm.myName.$pristine}}
</form>

如何在文本字段中没有输入时禁用按钮

3 个答案: