2016-09-21 13 views
-2

シンプルなログインフォームを作成して検証を実行しましたが、問題はページロード中に検証が行われていることです。角度js:エラーメッセージが表示されるutillページの読み込みが完了しましたか?

<body ng-controller="myCont"> 
 
<form name="myForm" novalidate> 
 
    <h2 align="center">Add The Item Here</h2> \t 
 
    <table align="center" border="2"> 
 
    <div class="control-group"> 
 
     <div class="controls">  \t \t  
 
\t \t \t  <tr> 
 
\t \t \t \t <td>pid</td> 
 
\t \t \t \t \t <td><input type="number" name="pid" ng-model="user.pid" ng-maxlength="3" required="pid" ></td> 
 
         <td ng-show="myForm.pid.$touched && myForm.pid.$invalid"></td> 
 
        <td ng-show="myForm.pid.$error.required" style="color:red">Enter Pid</td> 
 
        <td ng-show="myForm.pid.$error.maxlength" style="color:red">Only 3 digits for pid</td> 
 
        
 
    \t \t \t \t </tr> 
 
       <tr> 
 
\t \t \t \t  <td>pname</td> 
 
\t \t \t \t \t <td><input type="text" name="pname" ng-model="user.pname" required="pname"></td> 
 
\t \t \t \t \t <td style="color:red" ng-show="myForm.pname.$touched && myForm.pname.$invalid"></td> 
 
        <td ng-show="myForm.pname.$error.required" style="color:red">Pname is required.</td> 
 
       </tr> 
 
    \t   <tr> 
 
\t \t \t \t \t <td>pcost</td> 
 
\t \t \t \t \t <td><input type="number" name="pcost" ng-model="user.pcost" required="pcost"></td> 
 
\t \t \t \t \t <td style="color:red" ng-show="myForm.pcost.$touched && myForm.pcost.$invalid"> 
 
        <td ng-show="myForm.pcost.$error.required" style="color:red">Pcost is required.</td> 
 

 
       </tr> 
 
        <div ng-repeat="x in result track by $index"></div> 
 
\t \t \t \t <tr> 
 
\t \t \t  <td>AddData<input type="submit" ng-disabled="myForm.$invalid" ng-click="addAll()"> 
 
        </td> 
 
\t \t \t  <td><input type="reset" name="reset" value="reset"></td> 
 
\t \t \t  </tr> 
 
\t \t \t 
 
</div> 
 
</div> 
 
     </table> 
 
    </form> 
 
    </body>

enter image description here

+0

を助けることを願っています...間違った資格情報またはエラーメッセージの通知用angular-toastrを試してみてください私たちはあなたが私たちに与えたものを手伝ってくれません。 – GrandMasterFlush

+0

このフォーラムのヘルプを得るには、まずあなたの努力を提供する必要があります。サンプルコードはまずは素晴らしいことでしょう。 –

+0

two考えてみましょう:角度が初期化されていない可能性があります。単一の{{anyVarName}}を入れてみてください。角度が正しければ、ng-cloakを見てください。フォームに名前(検証に必要)があり、入力にnameとng-modelがあるかどうかを確認します。 –

答えて

0

が、それはあなたが私たちに多くの情報を提供する必要があります

関連する問題