如何在Angular js中提交錯誤消息

Question

提交發件人后，我想顯示所需的錯誤消息，但不確定如何操作，如下所示

<div class="controls">
        <form  name="formx" >
        <ul class="form small">
               <div class="tag">ID</div>
                <input type="text" class="small"  name="enrolmentId" ng-model="enrolmentDetail.Id" required="" onkeypress='return !(event.charCode == 32 )'>
                <div class="error text-danger" style="position: absolute;margin-left: 120px;" ng-show="formx.enrolmentId.$error.required && (formx.$submitted || formx.enrolmentId.$touched)"><p>Id is required</p></div>
            </li>
            <li>
                <div class="btn" ng-click="saveDetails(enrolmentDetail)" ng-show="formAction=='save'">SAVE</div>
            </li>
        </ul>
            </form>
    </div>

現在，一旦我們弄污了文本框，現在就會顯示錯誤消息，但是一旦表單提交后，我想顯示錯誤消息，如果不存在需要的錯誤，則不提交

嘗試使用ng-submit，但不確定如何執行

請通過創建小提琴或張貼示例來提供幫助

Answer 1

這是一個例子

HTML

<body ng-app="myApp">
<div ng-controller="myCtrl as mc">
 <form  class="form" name="myForm" ng-submit="mc.submit(myForm)" novalidate>
  <div class="form-group">
   <label for="username">Username</label>
   <input name="username" class="form-control" type="text" ng-model="mc.username" required/>
    <p class="text-danger" ng-show="myForm.username.$error.required && mc.submitted">Username is required</p>
   </div> 
   <div class="form-group">
   <label for="password">Password</label>
   <input name="password" class="form-control" type="password" ng-model="mc.password" required/>
    <p class="text-danger" ng-show="myForm.password.$error.required && mc.submitted">Password is required</p>
   </div> 
   <button class="btn btn-success">submit</button>
</form>
<p class="text-success" ng-show="mc.sent && mc.submitted">Form sent</p>

JS

angular.module("myApp",[])
  .controller("myCtrl", function(){
    var vm = this;
    vm.submit = submit;
    function submit(form){
       vm.submitted = true;
       if(form.$valid && vm.submitted === true){
         //Send data logic
         vm.sent = true;
       }
    }

如何在Angular js中提交錯誤消息

問題描述

1 個解決方案

解決方案1
2 2016-05-14 23:52:56

如何在Angular js中提交錯誤消息

問題描述

1 個解決方案

解決方案1 2 2016-05-14 23:52:56

解決方案1
2 2016-05-14 23:52:56