AngularJS 表单
2017-04-21 10:52
85 查看
novalidate 属性是在HTML5
中新增的。禁用了使用浏览器的默认验证
formCtrl 函数设置了master 对象的初始值,并定义了 reset() 方法
reset() 方法重置
<div ng-app="myApp" ng-controller="myCtrl">
<form novalidate>
First Name : <input type="text" ng-model="user.firstName"> <br>
Last Name : <input type="text" ng-model="user.lastName"><br><br>
<button ng-click="reset()">Reset</button>
</form>
<p>form = {{user}}</p>
<p>master = {{master}}</p>
</div>
<script>
angular.module("myApp",[]).controller("myCtrl",function($scope){
$scope.master={firstName:"Tom",lastName:"Simth"}
$scope.reset=function(){
$scope.user=angular.copy($scope.master);
}
$scope.reset();
})
</script>
中新增的。禁用了使用浏览器的默认验证
formCtrl 函数设置了master 对象的初始值,并定义了 reset() 方法
reset() 方法重置
<div ng-app="myApp" ng-controller="myCtrl">
<form novalidate>
First Name : <input type="text" ng-model="user.firstName"> <br>
Last Name : <input type="text" ng-model="user.lastName"><br><br>
<button ng-click="reset()">Reset</button>
</form>
<p>form = {{user}}</p>
<p>master = {{master}}</p>
</div>
<script>
angular.module("myApp",[]).controller("myCtrl",function($scope){
$scope.master={firstName:"Tom",lastName:"Simth"}
$scope.reset=function(){
$scope.user=angular.copy($scope.master);
}
$scope.reset();
})
</script>
相关文章推荐
- AngularJS中的表单简单入门
- AngularJS 入门4-表单和验证
- AngularJS 表单验证手机号的实例(非必填)
- angularjs的form表单完整验证
- angularJs表单校验(超级详细!!!)
- AngularJS入门基础——表单验证
- AngularJS表单验证(上)
- 【AngularJS学习笔记】AngularJS表单验证
- AngularJS表单验证
- 走进AngularJs(九)表单及表单验证
- angularjs 表单验证,包含必填、手机、邮箱...
- AngularJS自定义表单验证
- [转]AngularJS 使用 UI Router 实现表单向导
- AngularJS route与table表单
- angularjs 表单验证
- 如何使用AngularJS对表单提交内容进行验证
- AngularJS使用ngMessages进行表单验证
- angularjs 利用filter进行表单查询及分页查询
- 【AngularJS】—— 5 表单
- AngularJs表单验证实例代码解析