07-指令ng-model验证用户输入

jojo999888

于 2017-07-24 18:33:54 发布

阅读量262

点赞数

CC 4.0 BY-SA版权

分类专栏： angularJS 文章标签： angularjs

本文链接：https://blog.youkuaiyun.com/gc_20160403/article/details/76034415

angularJS 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一个使用Angular框架进行表单验证的例子。通过在HTML表单元素上应用ng-show指令，可以实现在输入非法电子邮件地址时显示错误消息。此示例展示了如何利用Angular内置的功能来增强Web应用程序的用户体验。

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

<!-- 以上实例中，提示信息会在 ng-show 属性返回 true 的情况下显示。
只要邮件不合法就会显示不合法的提示！
-->
<!DOCTYPE html>
<html lang="en" ng-app>
    <head>
        <meta charset="utf-8">
        <script src="js/angular.js"></script>
    </head>
    <body>
        <form name="myform">

            email:<input type="email" name="myemail" ng-model="text">
            <span ng-show="myform.myemail.$error.email">不是一个合法的邮箱地址</span>
        </form>
    </body>
</html>