简体   繁体   English

我的角度形式验证不起作用

[英]My angular form validation doesn't work

I use bootstrap with angular, and I disabled bootstrap's validation, angular still doesn't work. 我将bootstrap与angular一起使用,并且禁用了bootstrap的验证,angular仍然不起作用。 It seems that I already set everything. 看来我已经设置好一切了。

My code likes below, every input's validation didn't. 我的代码如下所示,每个输入的验证都没有。

<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>

What do you mean by input doesn't work? 您输入的意思是什么不起作用? Post your code of related controller please, because it is not clear what validation are you doing. 请张贴您的相关控制器的代码,因为不清楚您正在执行什么验证。 If you have novalidate you should organize validation in your angular controller or HTML, eg: 如果你有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