Javascript Angular JS在用户突出显示输入字段且未输入任何内容后显示错误

我在向导步骤应用程序中进行了一些角度JS验证，当用户在输入字段中输入字符并将其删除时，会出现错误。我想知道，当用户在输入字段上并且没有输入任何内容时，如何才能让错误显示出来？（他们在不输入任何内容的情况下锁定字段并进行锁定）我希望这是有意义的

<td>
    <label>Your Name</label>
</td>
<td>
    <input class="form-control" type="text" name="name" ng-model="user.name" required />
   <span class="error" ng-show="user.validate.step1.name.$invalid && !user.validate.step1.name.$pristine">Required Field
   </span>

你的名字
必填字段

使用ng模糊：

<td>
   <label>Your Name</label> 
</td>
<td>
    <input class="form-control" type="text" name="name" ng-model="user.name" ng-blur="blur=true" required />
   <span class="error" ng-show="user.validate.step1.name.$invalid && blur">Required Field
   </span>

你的名字
必填字段

使用ng模糊：

<td>
   <label>Your Name</label> 
</td>
<td>
    <input class="form-control" type="text" name="name" ng-model="user.name" ng-blur="blur=true" required />
   <span class="error" ng-show="user.validate.step1.name.$invalid && blur">Required Field
   </span>

你的名字
必填字段

使用ng模糊：

<td>
   <label>Your Name</label> 
</td>
<td>
    <input class="form-control" type="text" name="name" ng-model="user.name" ng-blur="blur=true" required />
   <span class="error" ng-show="user.validate.step1.name.$invalid && blur">Required Field
   </span>

你的名字
必填字段

使用ng模糊：

<td>
   <label>Your Name</label> 
</td>
<td>
    <input class="form-control" type="text" name="name" ng-model="user.name" ng-blur="blur=true" required />
   <span class="error" ng-show="user.validate.step1.name.$invalid && blur">Required Field
   </span>

你的名字
必填字段

最简单/最好的方法可能是使用ng blur将控件标记为脏：

<input class="form-control" type="text" name="name" ng-model="user.name" required ng-blur="user.validate.step1.name.$dirty = true"/>

---

下一个1.3 beta版（beta 12）将有一个$touch，您可以使用它来检查，但当前的版本都没有。

最简单/最好的方法可能是使用ng blur将控件标记为脏控件：

<input class="form-control" type="text" name="name" ng-model="user.name" required ng-blur="user.validate.step1.name.$dirty = true"/>

---

下一个1.3 beta版（beta 12）将有一个$touch，您可以使用它来检查，但当前的版本都没有。

最简单/最好的方法可能是使用ng blur将控件标记为脏控件：

<input class="form-control" type="text" name="name" ng-model="user.name" required ng-blur="user.validate.step1.name.$dirty = true"/>

---

下一个1.3 beta版（beta 12）将有一个$touch，您可以使用它来检查，但当前的版本都没有。

最简单/最好的方法可能是使用ng blur将控件标记为脏控件：

<input class="form-control" type="text" name="name" ng-model="user.name" required ng-blur="user.validate.step1.name.$dirty = true"/>

---

下一个1.3 beta版（beta 12）将有一个$touch，您可以使用它来检查，但当前的版本都没有。

为了清晰起见，您可能需要使用不同于

blur

的变量名。我花了一秒钟才弄明白你在干什么。但这应该很好，+1。我喜欢这个，但是你不需要为每个字段更改“blur”变量吗。这些都在范围内吗？为了清楚起见，您可能需要使用不同于

blur

的变量名。我花了一秒钟才弄明白你在干什么。但这应该很好，+1。我喜欢这个，但是你不需要为每个字段更改“blur”变量吗。这些都在范围内吗？为了清楚起见，您可能需要使用不同于

blur

的变量名。我花了一秒钟才弄明白你在干什么。但这应该很好，+1。我喜欢这个，但是你不需要为每个字段更改“blur”变量吗。这些都在范围内吗？为了清楚起见，您可能需要使用不同于

blur

的变量名。我花了一秒钟才弄明白你在干什么。但这应该很好，+1。我喜欢这个，但是你不需要为每个字段更改“blur”变量吗。这些都在范围之内吗？