angular.js - 输入邮箱地址之后， 如何使其自动在末尾添加分号？

问题描述

问 题

1: 我有这样一个需求： 在邮箱输入框里面要输入N个地址， 这N个邮箱之间必须要使用分号隔开才行
2：能否通过angularJS 或者其他方法验证输入的N个邮箱地址是分隔好的， 能够正确发送邮件的？
3：或者能够判断这这些邮箱是否没有被分隔， 然后能让我据此提出提示框信息？
4：或者在输入地址之后自动判断，然后自动加上分号。

解决方案

你可以做一个类似tag-input的东西,在回车输入的时候去验证输入内容是否符合邮件格式标准，验证成功就add进去，验证失败就提示详细消息,这样能避免在用户全部输入完后再去验证，能保证输入的内容就是通过验证后的

回车输入

HTML

<div class="form-group">
  <div class="form-group">
    <input type="text" tag-input="primary" value="Amsterdam,Washington,Sydney,Beijing,Cairo" data-role="tagsinput" placeholder="Add Tag">
  </div>
</div>

Directive

angular.module('BlurAdmin.pages.form')
      .directive('tagInput', tagInput);

  /** @ngInject */
  function tagInput() {
    return {
      restrict: 'A',
      link: function( $scope, elem, attr) {
        $(elem).tagsinput({
          tagClass:  'label label-' + attr.tagInput
        });
      }
    };
  }

这篇关于angular.js - 输入邮箱地址之后， 如何使其自动在末尾添加分号？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！