输入验证后如何在表格中显示错误消息（angular JS） [英] How do I display error message in table after input validation (angular JS)

问题描述

显示错误信息的段落不显示，我使用ng-if，

我希望段落出现在输入文本框后面文本框为空或太短。

Hi,
the paragraph showing the error message wouldn't display, I use ng-if,
I would like the paragraph to appear bellow my input textbox when textbox is empty or too short.

<form class="form-horizontal" role="form" name="editForm" novalidate>
    <div>
        <table>
            <tbody>
                <tr ng-repeat="testing in $data">
                    <td data-title="'Name'">
                        <div>
                            <input type="text" class="f-control" name="name" ng-model="testing.name" placeholder="Name" required ng-minlength="2" ng-maxlength="10">
                            <p class="help" ng-if="editForm.name.$error.required">Name is required</p>
                            <p class="help" ng-if="editForm.name.$error.minlength">Too Short</p>
                            <p class="help" ng-if="editForm.name.$error.maxlength">Too Long</p>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</form>

我尝试了什么：



我卡住了在这里，我缺少什么？

What I have tried:

I'm stuck here, is it I lack something?

推荐答案

数据 >
< td data-title = '名称' >
< div >
< input type = text class = f-control name = name ng-model = testing.name 占位符 = 名称 必需 ng-minlength = 2 ng -maxlength = 10 >
< p class = help ng-if = editForm.name。

data"> <td data-title="'Name'"> <div> <input type="text" class="f-control" name="name" ng-model="testing.name" placeholder="Name" required ng-minlength="2" ng-maxlength="10"> <p class="help" ng-if="editForm.name.

error.required > 名称是必需的< span class =code-keyword>< / p >
< p class = help ng-if = editForm.name。

error.required">Name is required</p> <p class="help" ng-if="editForm.name.

error.minlength > 太短< / p >
< p class = 帮助 ng-if = editForm.name。

error.minlength">Too Short</p> <p class="help" ng-if="editForm.name.

这篇关于输入验证后如何在表格中显示错误消息（angular JS）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！