25-输入验证

最新推荐文章于 2024-03-26 15:04:34 发布

jojo999888

最新推荐文章于 2024-03-26 15:04:34 发布

阅读量187

点赞数

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

本文链接：https://blog.csdn.net/gc_20160403/article/details/76251136

版权

angularJS 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
    <head>
        <meta charset="utf-8">
        <script src="js/angular.js"></script>
    </head>
    <body>
        <form name="myForm" ng-controller="myCtrl" novalidate="novalidate">
            <p>
            用户名：<br>
            <input type="text" name="user" ng-model="user" required>
            <span style="color: red" ng-show="myForm.user.$dirty && myForm.user.$invalid">
                <span ng-show="myForm.user.$error.required">用户名是必须的</span>
            </span> 
            </p>
            <p>
            邮箱：<br>
            <input type="email" name="email" ng-model="email" required>
            <span style="color: red" ng-show="myForm.email.$dirty && myForm.email.$invalid">
                <span ng-show="myForm.email.$error.required">email是必须的</span>
                <span ng-show="myForm.email.$error.email">email非法</span>
            </span> 
            </p>
            <p>
                <input type="submit" ng-disabled="myForm.user.$dirty && myForm.user.$invalid ||  myForm.email.$dirty &&myForm.email.$invalid">
            </p>
        </form>
        <script type="text/javascript">
            var app = angular.module("myApp",[]);
            app.controller("myCtrl",function($scope){
                $scope.user='John Doe';
                $scope.email='John@gmail.com';
            });
        </script>
    </body>
</html>

jojo999888

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
25-输入验证

<!DOCTYPE html><html lang="en" ng-app="myApp"> <head> <meta charset="utf-8"> <script src="js/angular.js"></script> </head> <body> <form name="myForm" ng-controller=
复制链接

扫一扫