Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在ngTagsInput中,如何显示不同情况下的验证消息?_Javascript_Angularjs_Validation_Ng Tags Input - Fatal编程技术网

Javascript 在ngTagsInput中,如何显示不同情况下的验证消息?

Javascript 在ngTagsInput中,如何显示不同情况下的验证消息?,javascript,angularjs,validation,ng-tags-input,Javascript,Angularjs,Validation,Ng Tags Input,我正在使用ngTagsInputAngular插件获取多个电子邮件ID。下面是我的代码: <form name="contact_us" role="form" novalidate enctype="multipart/form-data"> <div class="form-group"> <label class="control-label" for="from_email"> From </label>

我正在使用
ngTagsInput
Angular插件获取多个电子邮件ID。下面是我的代码:

<form name="contact_us" role="form" novalidate enctype="multipart/form-data">
  <div class="form-group">
    <label class="control-label" for="from_email">
      From
    </label>
    <tags-input ng-model="contactUs.emails" type="email" id="from_email"
        placeholder="From" name="from_email"
        allowed-tags-pattern="^[A-Za-z0-9._%+-]+@(?:[A-Za-z0-9-]+.)+[A-Za-z]{2,}" 
        allow-leftover-text="false" ng-required="true" add-on-space="true">
    </tags-input>
    <p class="help-block" style="color:red"
        ng-show="contact_us.from_email.$invalid && (contact_us.$submitted || contact_us.$dirty)">
      Please enter proper email address
    </p>
    <button type="submit" class="btn btn-default" ng-click="Send(contact_us)">
      Send
    </button>
</form>

从…起

请输入正确的电子邮件地址

发送
在上述代码3中添加了以下验证:

  • 用于必填字段
  • 字段应仅接受电子邮件id
  • 它不允许重复的电子邮件id
  • 上述案例效果良好。但是,我想根据上述情况动态显示错误消息。请帮帮我

    对于所需的:

    <p class="help-block" style="color:red"
        ng-show="contact_us.from_email.$error.required">           
        email address is required
    </p>
    

    电子邮件地址是必需的

    对于pattern&duplicate,我认为没有提供验证标志,您必须编写自己的来执行验证

    对于复制,这可能会有所帮助。

    ngTagsInput支持下面的属性以捕获更改,它在添加到模型之前激发

    on-tag-adding="foo($tag)" 
    
    $scope.foo(function(tag){
       // look for error
         // if found return false
    
      // change the text of tag
         tag.text='what ever';
         return tag;
    
    })
    

    ngTagsInput插件不支持ng-change。请告诉我是否有其他方式显示不同的验证方法