2

如何防止表单上的自动验证?每次我用表单加载模板时,即使没有输入任何数据,它也会自动验证自己。
我想在提交时触发验证。

HTML:

<span ng-show='message.$invalid == true'>This e-mail is black-listed!</span>
    <form novalidate class="dealermessageform" name="message">
        <input type="text" name="messagename" placeholder="Name" class="messagename" ng-model="user.name" required>
        <input type="email" name="messageemail" placeholder="E-Mail Adresse*" class="messageemail" ng-model="user.email" required>
        <textarea class="message" name="message" placeholder="Schreibe eine Nachricht. *" required></textarea>
        <span class="help-block">*alle markierten Felder sind Pflichtfelder</span>
        <div class="grid_4 alpha omega submitbutton">
            <input type="submit" class="submitbutton" value="Senden" id="submit" ng-click="send()">
        </div>
    </form>  

仅当提交后某些错误为 TRUE 时,才可能在表单上方显示“span”字段?
当我输入表格时,它也会直接显示。

4

1 回答 1

1

如果验证已经发生,这应该不是问题。您只是不应该显示错误消息。您可以使用$pristine 或 $dirty执行此操作,具体取决于您是否使用ng-showor ng-hide

<span class="help-block" ng-show="message.$dirty && message.$invalid">*alle markierten Felder sind Pflichtfelder</span>

在您的send()函数中,您最好添加message为参数。您也可以ng-submit在表单标签上使用。

于 2013-01-08T11:03:58.723 回答