首页  >  文章  >  web前端  >  angularJS提交表单(form)_AngularJS

angularJS提交表单(form)_AngularJS

WBOY
WBOY原创
2016-05-16 16:15:04951浏览

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

复制代码 代码如下:





无标题文档




    

       

         
         
       

     

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


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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn