AngularJS:ng-intl-tel-input - 如何获取更新值?

时间:2016-01-22 05:30:36

标签: angularjs

AngularJS - 我正在使用第三方插件ng-intl-tel-input。这是用于电话/手机号码展示。一切都很好,根据国家标志的变化填充占位符(例如电话号码)。在这里,我面临的问题是如果输入的值不正确,则根据国家/地区代码&无效的号码。它返回null ..我想验证那个&需要向用户显示有效数字和需要更新的号码。我怎么了?

<input class="form-control" type="text" ng-model="mobile" ng-intl-tel-input>

1 个答案:

答案 0 :(得分:0)

您可以通过以下网址查看演示

  

http://hodgepodgers.github.io/ng-intl-tel-input/

和来自以下网址的html源代码

  

https://github.com/hodgepodgers/ng-intl-tel-input/blob/master/index.html

尝试更改以下代码以进行输入。

<form name="form">
    <div class="form-group" ng-class="{'has-error': form.mobile.$invalid && form.mobile.$touched, 'has-success': form.mobile.$valid}">
        <input type="text" class="form-control" id="mobile" name="mobile" ng-model="mobile" ng-intl-tel-input>
        <span class="help-block" ng-show="form.mobile.$pristine && form.mobile.$untouched">Please type a telephone number</span>
        <span class="help-block" ng-show="form.mobile.$invalid && form.mobile.$touched">Invalid :(</span>
        <span class="help-block" ng-show="form.mobile.$valid">Valid :)    </span>
    </div>
</form>