angularJS进行表单提交代码实例
本章节分享一段代码实例，它实现了使用angularJS进行表单提交的功能。
有需要的朋友可以做一下参考，代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="/" />
<title>实例</title>
</head>
<script src="js/jquery.js"></script>
<script src="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() {
//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>
声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至201542412@QQ.com举报，一经查实，本站将立刻删除。
相关推荐
-
阻止点击回车提交表单效果代码实例
本章节介绍一下如何阻止点击回车提交表单效果。在默认情况下，如果表单或者表单元素获取焦点的话，点击回车就会提交表单。但是在实际应用中，往往需要只点击提交按钮才能够提交表单。代码实例如下:
-
在页面上能够自动变动的带有星期的时间日期代码
在不少网站页面都有这样的效果，那就是在页面的某一个位置会有一个能够自动变动的时间日期效果。当然这个功能是否能够给用户起到实际作用不得而知，因为电脑本身就有这样的功能。代码实例: ht
-
js模拟实现StringBuffer类功能代码实例
JvScrit并没有内置的StringBuffr()方法，下面就通过代码实例来模拟实现它的功能。代码实例如下:function StringBuffr() { this.__strings
-
将十六进制颜色值转换为RGB颜色值代码实例
本章节分享一段代码实例它能够实现将十六进制颜色值转换为RGB颜色值代码实例。如果从RGB颜色值转换为十六进制颜色值可以参阅jQury如何将获取的颜色值转换为十六进制形式一章节。代码实例:!DOCT
-
点击方向键实现文本框焦点切换代码实例
本章节介绍一下如何实现点击方向键即可实现切换文本框的焦点的效果。代码实例如下:
