首頁 >web前端 >js教程 >angularJS提交表單(form)_AngularJS

angularJS提交表單(form)_AngularJS

WBOY
WBOY原創
2016-05-16 16:15:041016瀏覽

程式碼很簡單,就不多廢話了,直接奉上程式碼:

複製程式碼 程式碼如下:





無標題文件




    

       

         
         
       

     

    <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