无法显示使用Angular.js

我有一个问题的错误消息。当输入字段使用Angular.js获取无效数据时，我无法显示错误消息。我下面解释我的代码。\无法显示使用Angular.js

<form name="billdata" id="billdata" enctype="multipart/form-data" novalidate> 
    <div ng-class="{ 'myError': billdata.type.$touched && bill data.type.$invalid }"> 
     <input type="number" class="form-control oditek-form" ng-model="type" name="type" step="1" min="0" placeholder="Add Type" ng-pattern="/^[0-9]+([,.][0-9]+)?$/"> 
    </div> 
    <div class="help-block" ng-messages="billdata.type.$error" ng-if="billdata.type.$touched"> 
     <p ng-message="pattern" style="color:#F00;">This field needs only number(e.g-0,1..9).</p> 
    </div> 
</form>

在这里，我只需要给出数字作为输入。如果用户输入任何内容，而不是数量应该显示错误message.Here myError是否显示在输入的红色边界字段这是正确的，但消息不是应该显示。请帮帮我。

来源

2016-08-24 satya

PLZ纪念你的答案，如果任何回答以下问题，帮助。 –

ng-messages DIV应该像下面

<div ng-messages="billdata.type.$error" ng-show="billdata.type.$touched"> 
    <div ng-message when="pattern"> 
    <span>This field needs only number(e.g-0,1..9).</span> 
    </div> 
</div>

来源

2016-08-24 05:53:29 Rakeschand

你解决了这个问题吗？ –

你能告诉我你用什么版本的ng-messages和angular？ – Rakeschand

也看到这个答案http://stackoverflow.com/questions/24407720/using-ngmessage-for-input-type-number – Rakeschand

<html> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
    <div ng-app=""> 
 
    <form name="myForm">  
 
    For Text <input name="myName" ng-model="myName" ng-pattern="/^[a-zA-Z ]+$/" required>  
 
    <span style="color: red" ng-show="myForm.myName.$error.required">First Name is required.</span>                  <span style="color: red" ng-show="myForm.myName.$error.pattern">Any other symbol are not allow.</span> 
 
     
 
    <br /> 
 
     For Number 
 
     
 
     <input type="number" class="textbox_usr" name="txtmobno" id="txtmobno" ng-model="txtmobno" ng-minlength="10" ng-maxlength="10" required /><br /> 
 
                  <span style="color:red" ng-show="myForm.txtmobno.$dirty && myForm.txtmobno.$invalid"> 
 
                   <span ng-show="myForm.txtmobno.$error.required || myForm.txtmobno.$error.number">Valid Mobile number is required</span> 
 
                   <span ng-show="((myForm.txtmobno.$error.minlength || myForm.txtmobno.$error.maxlength) && myForm.txtmobno.$dirty) ">Mobile number should be 10 digits</span> 
 
                  </span> 
 
    </form> 
 
     </div>

来源

2016-08-24 06:41:12 Pravin

无法显示使用Angular.js

回答

相关问题