【问题标题】:How to validate if form has at least one not empty input?如何验证表单是否至少有一个非空输入?
【发布时间】:2016-03-02 10:26:55
【问题描述】:

就像标题中一样:我想知道如何验证,如果我的表单至少有一个不为空的输入 - 然后将提交按钮更改为启用?

谢谢!

【问题讨论】:

    标签: angularjs forms


    【解决方案1】:
    <div ng-app="myApp" ng-controller="MyCtrl">
       <div class="col-xs-12">
         <form name="myForm">
         <input type="text" ng-model="user.firstname">
          <input type="text" ng-model="user.secondname">
          <button type="button" ng-click="checkIsEmpty()" ng-disabled="!user">SUBMIT
          </button>
         </form>
       </div>
    </div>
    

    编辑:

    JS:

    function MyCtrl($scope) {
            $scope.user = {};
    
        $scope.checkIsEmpty = function(){
          return angular.equals({}, $scope.user);
        }
    }
    

    小提琴:http://jsfiddle.net/nq1eyj1v/128/

    【讨论】:

    • 是的,这种方法只有在之前没有定义用户对象的情况下才有效,但是,我正在寻找能够利用验证器的方法,而不是基于一个对象。
    • 你的答案不是通用的,只有在之前没有定义用户的情况下才有效。
    • @uksz 我已经更新了我的答案。您对此有何反馈?
    • 它仍然不是通用的。如果用户之前定义了一些其他参数,那它就不仅仅是一个普通的空白对象了。
    • 我明白了。但比也可以管理。您可以发布您的代码示例。
    猜你喜欢
    • 1970-01-01
    • 2013-08-18
    • 1970-01-01
    • 1970-01-01
    • 2018-03-20
    • 1970-01-01
    • 2014-06-08
    • 1970-01-01
    • 2015-05-28
    相关资源
    最近更新 更多