2015-09-25 17 views
0

我使用W3School的基本示例並試圖驗證AngularJS表單。但是在任何瀏覽器中,表單都沒有得到驗證。任何建議都一樣嗎?基本AngularJS表單驗證不起作用

<form name="myForm" novalidate> 

    <p>Username:<br> 
     <input type="text" name="user" ng-model="user" required> 
     <span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid"> 
      <span ng-show="myForm.user.$error.required">Username is required.</span> 
     </span> 
    </p> 

    <p>Email:<br> 
     <input type="email" name="email" ng-model="email" required> 
     <span style="color:red" ng-show="myForm.email.$dirty && myForm.email.$invalid"> 
      <span ng-show="myForm.email.$error.required">Email is required.</span> 
      <span ng-show="myForm.email.$error.email">Invalid email address.</span> 
     </span> 
    </p> 

    <p> 
     <input type="submit" ng-disabled="myForm.user.$dirty && myForm.user.$invalid || myForm.email.$dirty && myForm.email.$invalid"> 
    </p> 

</form> 
+0

你有沒有關於這個例子的任何JavaScript? –

+0

你的問題是你從W3Schools得到的例子:) 發佈你的JavaScript代碼,所以我們可以幫助你。 – Charmander

+0

不,我沒有任何... –

回答

0

你必須在你的表格中包含ng-app和ng-controller。也在一個單獨的js文件中聲明應用程序和控制器。

+0

我已經聲明ng-我的HTML應用程序,我不需要任何ng控制器,因爲我不會因爲任何原因使用它。 –