首页 > web前端 > js教程 > 正文

angularJS提交表单(form)_AngularJS

WBOY
发布: 2016-05-16 16:15:04
原创
945 人浏览过

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

复制代码 代码如下:





无标题文档




    

       

         
         
       

     

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

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!