使用Angular.js驗證表單輸入的原始狀態

Question

以下代碼是signin.html的一部分。 當我訪問該頁面時，昵稱和密碼肯定為空，因此myForm.nick.$error.required為true 。 顯示錯誤信息。 我想要的是，當我訪問頁面時，頁面上沒有錯誤消息。 我該怎么辦？ 謝謝

<form ng-submit="signin()" name="myForm">
  <input type="text" name="nick" ng-model="data.nick" required>
  <span class="error" ng-show="myForm.nick.$error.required">Required</span><br>
  <input type="password" name="password" ng-model="data.password" required>
  <span class="error" ng-show="myForm.password.$error.required">Required</span><br>
</form>

Answer 1

您應該添加$ dirty條件，以防止在頁面開頭顯示必填字段消息。

myForm.nick.$error.required && myForm.nick.$dirty
myForm.password.$error.required && myForm.password.$dirty

$ dirty === true表示用戶已經與表單進行了交互。

這是一個jsfiddle演示

希望對您有所幫助。