Question

说我有以下表格：

 <form>
    <input type="text" required ng-model='myValue' ng-maxlength='5'></input>
    {{myValue}}
    {{myValue.length}}
 </form>

当输入中文本的长度超过maxlength时，模型将变为空。有没有办法在应用此验证时阻止此行为，而无需滚动自定义表单级验证器？

Answer 1

首先，输入元素没有结束标记（</input），正确如下：<input name="test" type="text"/>

你可以处理form.test。$ error.maxlength来处理一些事情，例如代码：

<form name="form">
  <input name="name" type="text" required ng-model='myValue' ng-maxlength='5'/>
  <div>value:{{myValue}}</div>
  <div>length:{{myValue.length}}</div>
  <div>validate:{{form.name.$error.maxlength}}</div>
</form>

根据你的方法，无效值导致null模型，我认为这没问题。

表格验证删除模型对象？

1 个答案: