form。$有效false,即使值绑定到编辑模式angular js中的字段

时间:2016-03-23 21:02:43

标签: angularjs forms validation twitter-bootstrap-3

我正在尝试通过表单更新数据,但是在编辑模式下它会形成。即使在编辑模式下使用值绑定表单元素,$ valid也会返回false。

请注意,相同的表格将用于创建和编辑。

HTML

<section data-ng-controller="testController" data-ng-init="getData()">
<div class="col-md-12">
    <form name="Frm" class="form-horizontal" data-ng-submit="create()" novalidate>
        <fieldset>
              <div class="form-group">
                 <label class="col-md-3 control-label" for="textinput">Name</label>  
                <div class="col-md-3" show-errors="{ skipFormGroupCheck: true }">
                    <input name="Name" type="text" placeholder="Name" class="form-control input-md" data-ng-model="shortName" required>
                </div>
            </div>     

Controller JS

     $scope.create = function() {
                $scope.$broadcast('show-errors-check-validity');
    console.log($scope.Frm.$valid);
                if ($scope.Frm.$valid) {
// Do save/Update
            }
    }

我正在使用下面的模块进行验证,但它似乎并没有造成问题。 https://github.com/paulyoder/angular-bootstrap-show-errors

虽然我在没有加载任何数据的情况下创建它但是不能在表单的编辑模式下工作。

请帮忙。

0 个答案:

没有答案