angular js创建表单_angularJS提交表单(form)

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

无标题文档

查看

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,这东西还不会初始化..

});

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值