簡體   English   中英

我的角度形式驗證不起作用

[英]My angular form validation doesn't work

我將bootstrap與angular一起使用,並且禁用了bootstrap的驗證,angular仍然不起作用。 看來我已經設置好一切了。

我的代碼如下所示,每個輸入的驗證都沒有。

<form novalidate name="new_people" ng-if="is_editting_newpeople" class="form-horizontal" role="form" ng-submit="save_new_people()">    
    <div class="input-group">
        <div class="input-group-addon">True Name</div>
        <input class="form-control" name="realname" type="text" ng-model="editting_people.realname" autofocus required>
    </div>

    <div class="input-group">
        <div class="input-group-addon">Nickname</div>
        <input type="text" name="nickname" class="form-control" id="nickname" ng-model="editting_people.nickname" required>
    </div>
    <div class="input-group">
        <div class="input-group-addon">Mobilenumber</div>
        <input type="text" class="form-control" id="mobile" name="mobilenumber" ng-model="editting_people.mobilenumber" required ng-minlength=11>
    </div>
    <div class="input-group">
        <div class="input-group-btn">
            <button type="button" class="btn btn-default
                        dropdown-toggle" data-toggle="dropdown">{{ editting_people.idclass.name }}
                      <span class="caret"></span>
                    </button>
            <ul class="dropdown-menu">
                <li ng-repeat="id_class in IDCLASSES">
                    <a ng-click="set_id_class(id_class)">{{ id_class.name }}</a>
                </li>
            </ul>
        </div>
        <!-- /btn-group -->
        <input type="text" class="form-control" ng-model="editting_people.idnumber" required name="idnumber">
    </div>
    <!-- /input-group -->
    <br>
    <input class="btn btn-primary" type="submit" value="Submit" />
    <input class="btn btn-default" value="取消" type="button" ng-click="cancel_new_people()" />
</form>

您輸入的意思是什么不起作用? 請張貼您的相關控制器的代碼,因為不清楚您正在執行什么驗證。 如果你有novalidate你應該在你的角度控制器或HTML,如組織驗證:

<div ng-show="editting_people.realname.length<4">
 Any error message here.
</div>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM