搜索

首页  >  问答  >  正文

angular.js - AngularJS 表单验证

我的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_u1582phpcn_u15822795 天前538

全部回复(3)我来回复

  • 滿天的星座

    滿天的星座2017-05-15 16:56:24

    <输入类型=“文本”ng-model=“测试”需要/> ;

    回复
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-15 16:56:24

    scope上绑定了一个vm对象,然后你又创建一个vm,是想干什么。
    其次我觉得这个功能的实现不用自己写一个controller。

    回复
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-15 16:56:24

    雷雷

    回复
    0
  • 取消回复