angular.js - AngularJS 表单验证
phpcn_u1582
phpcn_u1582 2017-05-15 16:54:24
0
3
482

我的AngularJs版本是 v1.4.3,在做表单验证时,遇到了问题。
我希望达到的效果是:当表单内容为空时,登录按钮禁用。但现在是登录按钮没有被禁用。

-- HTML --

<button class="btn btn-block btn-success" disabled="disabled" name="sign" ng-click="vm.submit(sign_form)" ng-disabled="sign_form.$invalid" type="submit">登 录</button>

-- AngularJS --

var app=angular.module("ayApp",[]);
app.controller("ayAppCtrl",['$scope',function($scope){
    var vm=$scope.vm={};
    vm.d=storedb('ay').find();
    vm.submit=function(sign_form){
        sign_form.$setDirty();
        if(sign_form.$valid){
            alert("Success");
        }
    }
}]);
phpcn_u1582
phpcn_u1582

모든 응답(3)
滿天的星座

<input type="text" ng-model="test" 필요/> <button type="submit" ng-disabled="form.$invalid">提交</button>

我想大声告诉你

vm 개체가 범위에 바인딩된 다음 vm을 생성하고 싶습니다.
둘째, 이 기능을 구현하기 위해 컨트롤러를 직접 작성할 필요는 없다고 생각합니다.

我想大声告诉你

으아악

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!