2017-08-22 12 views
0

フォームの検証に角度jを使用しています。 フォームを送信せずにspanタグをクリックしたときにng-showでエラーメッセージを表示したい。 どうすればいいですか?ここでフォームを送信せずにng-showを使用するにはどうすればよいですか?

あなたはNG-ショーfrmStudentに追加することができspanタグでユーザーがクリックした後、エラーを示すためにその

<form name="frmStudent" id="frmStudent" class="form-horizontal row-border" ng-controller="StudentCtrl"> 
     <br /> 
     <div class="col-md-12"> 
      <div class="form-group"> 
       <label class="col-md-4 control-label" for="input17"> First Name</label> 
       <div class="col-md-7"> 
        <input type="text" 
          id="idFirstName" 
          class="form-control" 
          name="nameFirstName" required ng-model="firstName" /> 
        <span ng-show="frmStudent.nameFirstName.$error.required">Tell us your first name.</span> 
       </div> 
      </div> 

      <div class="form-group"> 
       <div class="col-md-4"> 
       </div> 
       <div class="col-md-7"> 
        <span id="save" class="btn btn-success margin-right-btn" 
          ng-click="frmStudent.$valid && SaveUpdate()"> 
         <i class="icon-save"></i> {{btnText}} 
        </span> 
       </div> 
      </div> 
     </div> 

    </form> 
+0

フォームを送信する前に 'span'を表示する必要があります。 –

+0

ng-clickが呼び出されたときにng-showを呼び出す方法は?このシナリオでは、ng-showが動作しない – user3090790

+0

ng-clickはフォームが有効な場合にのみ起動します。なぜng-showを表示するのですか? – Vivz

答えて

0

ための私のコードです。提出します$。

フォームを送信しない場合は、パラメータSaveUpdate(frmStudent)としてSaveUpdate()関数に渡し、frmStudent。$ validを使用して送信するかどうかを決定できます。

関連する問題