在输入表单下方显示错误消息

时间:2016-12-19 09:21:59

标签: javascript angularjs html5

我想知道如何使用角度js在输入字段下方显示错误消息。如果该字段为空,我想显示"此字段是必需的"。另外如何检查字段名称是否以字母数字值开头,如(\?/%*:|"<。>)我需要显示错误"字段名称不应以字母数字值开头#34;在该输入字段下方。 //代码到这里

<div ng-controller="ModalController">

                    <form novalidate name="inputForm" class="form-horizontal">
                <div class="row">
                    <div class="col-md-12">
                        <cp-input name="username" ng-model="user.name"
                            label="{{'formlabels.reponame' | translate}}" required="true"
                             error-state="right">
                        </cp-input>
                    </div>
                </div>
                <div style="color:red" ng-show="inputForm.username.$error.required">First name is required</div><br>
                </form>
                <!-- <a href="javascript:void(0)" ng-click="findUsers()"> Show Confirm </a> -->
                <button type="button" class="btn btn-primary" data-dismiss="modal"
                    data-ng-click="submitData()">Add</button>
            </div>

2 个答案:

答案 0 :(得分:1)

ng-messages会帮助你......试试这个

$('.content').attr('something','');

答案 1 :(得分:1)

使用ngMessages指令和ngPattern是个好主意 - 看一下带有示例的doc链接

{{1}}

ref https://docs.angularjs.org/api/ngMessages/directive/ngMessages