angularJS提交表单（form）

前端技术 2023/09/05 JavaScript

代码很简单，就不多废话了，直接奉上代码：

http://localhost:81/js/jquery.js\">
</script>
<script src=\"http://localhost:81/js/angular.min.js\">
</script>
<body ng-app=\"app\">
     <div ng-controller=\"TestCtrl\">
        <div ng-form test>
          <input ng-model=\"a\" type=\"email\" />
          <button ng-click=\"do()\">查看</button>
        </div>
      </div>
    <script>
    app = angular.module(\"app\",[]);
   app.directive(\'test\',function() {<br>　　　　　　　　　　//form表单的指令都有一个默认的控制器作为第四个参数
        var link = function($scope, $element, $attrs, $ctrl) {
            $scope.do = function() {
                //$ctrl.$setDirty();
                console.log($ctrl.$pristine); //form是否没被动过
                console.log($ctrl.$dirty); //form是否被动过
                console.log($ctrl.$valid); //form是否被检验通过
                console.log($ctrl.$invalid); //form是否有错误
                console.log($ctrl.$error); //form中有错误的字段
            }
        }
        return {
            compile: function() {
                return link
            },
            require: \'form\',
            restrict: \'A\'
        }
    });
    app.controller(\'TestCtrl\', function($scope){
        //如果没有contrller，这东西还不会初始化..
        });
    </script>
</body>
</html>

这里给大家分享的是最基础的angularJS表单验证，希望大家能够喜欢。

本文地址：https://www.stayed.cn/item/12842

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案