关于angularjs $asyncValidators $http的异步验证扩展踩过的那些坑

最新推荐文章于 2025-06-14 14:41:19 发布

amohan

最新推荐文章于 2025-06-14 14:41:19 发布

阅读量2.7k

点赞数

分类专栏： angularjs 文章标签： angularjs www.weiqinxue.cn asyncValidators http

angularjs 专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何通过Angular实现异步验证用户输入的邮箱是否已被注册的方法。使用HTML和AngularJS结合的方式展示如何显示验证提示，并提供了一段可用于实际项目的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载于：点击打开链接

情景：验证用户输入Email是否已注册，扩展$asyncValidators
相关代码如下：
Html code:

1

2

3

4

5

6

 
        <
        div 
         class
        =
        "form-group"
        >
       
 
            
        <
        input 
         type
        =
        "email" 
         name
        =
        "email" 
         class
        =
        "col-md-12 taginput" 
         placeholder
        =
        "登录邮箱" 
         asynverification 
        ng-model
        =
        "RegIfo.Email" 
         required>
       
 
            
        <
        span 
         ng-show
        =
        ' myForm.email.$invalid&&myForm.email.$dirty' 
         >邮箱信息错误。</
        span
        >
       
 
            
        <
        span 
         ng-show
        =
        "myForm.email.$pending.asynverification"
        >正在检测邮箱是否已注册...</
        span
        >
       
 
            
        <
        span 
         ng-show
        =
        "myForm.email.$error.asynverification"
        >邮箱已注册，请更换邮箱!</
        span
        >
       
 
        </
        div
        >
       

最终可用扩展代码：

详情...