angularJS提交表單（form）
更新時間：2015年02月09日 09:42:28 投稿：hebedich
這篇文章主要介紹了angularJS提交表單（form）的方法和示例,需要的朋友可以參考下
代碼很簡單，就不多廢話了，直接奉上代碼：
復制代碼 代碼如下:
<!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表單的指令都有一個默認的控制器作為第四個參數(shù)
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表單驗證，希望大家能夠喜歡。
相關文章
這篇文章主要介紹了JS框架中Angular和React不同和差異，以及兩個框架的深度對比介紹。2017-11-11
這篇文章主要介紹了Angular HttpClient的源碼解析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
下面小編就為大家?guī)硪黄猘ngular.js之路由的選擇方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09![angular4自定義表單控件[(ngModel)]的實現(xiàn)](http://img.jbzj.com/images/xgimg/bcimg3.png)
angular4自定義表單控件[(ngModel)]的實現(xiàn)
這篇文章主要介紹了angular4自定義表單控件[(ngModel)]的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
angular使用md5,CryptoJS des加密的方法
這篇文章主要介紹了angular使用md5,CryptoJS des加密的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-06-06
AngularJS在IE8的不支持怎么辦？下面小編就為大家?guī)硪黄狝ngularJS在IE8的不支持的解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
本篇文章主要介紹了Angular中使用better-scroll插件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
過濾器（filter）正如其名，作用就是接收一個輸入，通過某個規(guī)則進行處理，然后返回處理后的結果。主要用在數(shù)據(jù)的格式化上，例如獲取一個數(shù)組中的子集，對數(shù)組中的元素進行排序等2015-12-12
這篇文章主要介紹了詳解如何為你的angular app構建一個第三方庫，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
angularjs獲取到My97DatePicker選中的值方法
今天小編就為大家分享一篇angularjs獲取到My97DatePicker選中的值方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10