主页 / 网络编程 /

angularJS提交表单（form）

网络编程 2021-07-04 21:47www.168986.cn编程入门
这篇文章主要介绍了angularJS提交表单（form）的方法和示例,需要的朋友可以参考下

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

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script src="">
</script>
<script src="">
</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 {
            pile: function() {
                return link
            },
            require: 'form',
            restrict: 'A'
        }
    });
    app.controller('TestCtrl', function($scope){
        //如果没有contrller，这东西还不会初始化..
        });
    </script>
</body>
</html>

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

上一篇：angularJS 中input示例分享 下一篇：JavaScript实现16进制颜色值转RGB的方法

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by