Question

我正在构建自定义表单字段。我在用户点击B字段上的submit按钮时尝试抛出错误。

但是有些原因，它不起作用。这是我的username字段：

username

Live Demo

有人帮我吗？

Answer 1

更改！myform.username。$ pristine with myform。$在ng-show属性上提交

完整的代码应该是

<form name="myform" ng-submit="formSubmit()" novalidate>

      <input ng-model="fields.name.title" 
      placeholder="Enter your name" name="username" type="text"  required>

      <span ng-show="myform.username.$error.required && myform.$submitted">Invalid name</span>

      <drop-down data="fields.levels" func='levelHandler'></drop-down>

      <drop-down data="fields.stages" func='levelHandler'></drop-down>

      <drop-down data="fields.colors" func='levelHandler'></drop-down>

      <button type="submit">Submit Form</button>

    </form>

Answer 2

这是因为除非您在表单中输入内容（使其变脏），否则您的$pristine属性为true。

请尝试检查$submitted。

<span ng-show="myform.username.$error.required && myform.$submitted">Invalid name</span>

angualrjs - 表单字段`用户名`不适用于`$ pristine`或`$ error.required`

2 个答案: