如何判断输入框为空,不让他点击提交》?

fangmingcong AngularJS 入门 最后由 上海小胖 于2016年10月11日回复

  • 1 回答
  • 834 浏览
<body>    <div class="main" ng-controller="taskCarl">        <div class="container">            <div class="leftInput"><input type="text" ng-model="infoVal" placeholder="请输入信息"></div>            <div class="btn" ng-click="add()">提交</div>        </div><br/>        <h4 ng-if="infoArr.length>0">信息列表</h4>        <ul style="margin-top: 10px;">            <li ng-repeat="i in infoArr track by $index">{{i}}<a style="color: red;" ng-click="infoArr.splice($index,1)">&nbsp;&nbsp;删除</a></li>        </ul>    </div><script src="js/angular.min.js" type="text/javascript"></script><script type="text/javascript">angular.module('todoList',[]).controller('taskCarl',function ($scope) {        $scope.infoVal='';        $scope.infoArr=[];        $scope.add=function () {            $scope.infoArr.push($scope.infoVal);        }    });</script>
  • 上海小胖 2016年10月11日 回答 #1楼
  • 同学你好。

    只要获取输入框的内容。

    比如$('input[type=text]').val()==''

    直接return false即可。

    然后alert一下,告诉他不能为空。

  • 0 评论