angularJS提交表单(form)  更新时间:2015年02月09日 09:42:28   投稿:hebedich   这篇文章主要介绍了angularJS提交表单(form)的方法和示例,需要的朋友可以参考下 代码很简单,就不多废话了,直接奉上代码: 复制代码 代码如下: 无标题文档                                  查看                   这里给大家分享的是最基础的angularJS表单验证,希望大家能够喜欢。 您可能感兴趣的文章: AngularJS模仿Form表单提交的实现代码 angularjs $http实现form表单提交示例 angularJS 表单 form 相关文章 AngularJS使用拦截器实现的loading功能完整实例 这篇文章主要介绍了AngularJS使用拦截器实现的loading功能,结合完整实例形式分析了AngularJS拦截器的设置、调用及loading功能实现技巧,需要的朋友可以参考下 2017-05-05 AngularJS整合Springmvc、Spring、Mybatis搭建开发环境 这篇文章主要介绍了AngularJS整合Springmvc、Spring、Mybatis搭建开发环境的相关资料,为学习使用AngularJS做好基础准备,感兴趣的小伙伴们可以参考一下 2016-02-02 详解Angularjs 如何自定义Img的ng-load 事件 本篇文章主要介绍了详解Angularjs 如何自定义Img的ng-load 事件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-02-02 AngualrJS中每次$http请求时的一个遮罩层Directive AngularJS是一款非常强大的前端MVC框架。接下来通过本文给大家介绍AngualrJS中每次$http请求时的一个遮罩层Directive,本文非常具有参考借鉴价值,特此分享供大家学习 2016-01-01 AngularJS表单和输入验证实例 本篇文章详细的介绍了AngularJS表单和输入验证实例, AngularJS表单可以提供验证功能。有需要的可以了解一下。 2016-11-11 angularjs中判断ng-repeat是否迭代完的实例 今天小编就为大家分享一篇angularjs中判断ng-repeat是否迭代完的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 2018-09-09 Angular.JS学习之依赖注入$injector详析 随着javaEE的spring框架的兴起,依赖注入(IoC)的概念彻底深入人心,它彻底改变了我们的编码模式和思维。在AngularJS中也有依赖注入的概念,像spring中的依赖注入,但是又有所不同。Angular中只需要在需要的地方声明一下即可,类似模块的引用,因此十分方便。 2016-10-10 AngularJs 延时器、计时器实例代码 这篇文章主要介绍了AngularJs 延时器、计时器实例代码,需要的朋友可以参考下 2017-09-09 Angular2 父子组件数据通信实例 这篇文章主要介绍了Angular2 父子组件数据通信实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-06-06 使用angular写一个hello world 这篇文章主要介绍了使用angular写一个hello world的方法及示例,需要的朋友可以参考下 2015-01-01 最新评论

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

复制代码 代码如下:

<!doctype html>

<html>

<head>

<meta charset=”utf-8″>

<title>无标题文档</title>

</head>

<script src=”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表单验证,希望大家能够喜欢。

您可能感兴趣的文章:

  • AngularJS模仿Form表单提交的实现代码
  • angularjs $http实现form表单提交示例
张贴在3