AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
更新时间：2017年10月25日 10:22:57 作者：itsonglin
这篇文章主要介绍了AngularJS实现的获取焦点及失去焦点时的表单验证功能,涉及AngularJS使用ng-blur、ng-focus针对表单事件监听相关操作技巧,需要的朋友可以参考下
本文实例讲述了AngularJS实现的获取焦点及失去焦点时的表单验证功能。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html ng-app="formExample">
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/angular.js"></script>
<script>
angular.module('formExample', [])
.controller('FormController', ['$scope', function($scope)
{
$scope.userType = 'guest';
$scope.change = false;
}]);
</script>
</head>
<body>
<form name="myForm" ng-controller="FormController">
userType: <input name="input" ng-model="userType" ng-blur="change=true" ng-focus="change=false" required>
<span class="error" ng-show="myForm.input.$error.required && change">必填项</span><br>
</form>
</body>
</html>
运行效果：
更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
相关文章
高效利用Angular中内置服务$http、$location等
这篇文章主要介绍了如何高效利用Angular中内置服务，大家知道的Angular内置服务有哪些，感兴趣的小伙伴们可以参考一下2016-03-03
今天小编就为大家分享一篇angular中子控制器向父控制器传值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
本教程旨在帮助你尽可能快速而有效地学习AngularJS。通过该教程你会学习到AngularJS的一些基本特性，例如指令、表达式、过滤器、模块和控制器等。以及其它所有你需要知道的有关AngularJS的东西，如事件、DOM节点、表单、用户输入、数据验证、Http对象等。2015-09-09
这篇文章主要介绍了AngularJS监听ng-repeat渲染完成的两种方法,结合实例形式分析了AngularJS基于自定义指令及广播事件实现监听功能的相关操作技巧,需要的朋友可以参考下2018-01-01
理解AngularJs篇：30分钟快速掌握AngularJs
这篇文章主要介绍了理解AngularJs篇：30分钟快速掌握AngularJs，详细介绍了AngularJs所涉及的知识点，有兴趣的可以了解一下。2016-12-12
最近这两天公司正在做一个PDF协议下载的功能，目前的解决方案可以分为完全前端生成和后端生成两种方式。前端生成PDF有jsPDF 和pdfmake 两种方式，下面这篇文章就给大家分享下如何在Angular.JS中接收并下载PDF的方法，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-11-11
这篇文章主要介绍了angular ngClick阻止冒泡使用默认行为的方法,较为详细的分析了AngularJS中ngClick事件执行原理与阻止冒泡的实现技巧,需要的朋友可以参考下2016-11-11
利用VS Code开发你的第一个AngularJS 2应用程序
这篇文章主要给大家介绍了关于利用VS Code如何开发你的第一个AngularJS 2应用程序的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友下面来一起看看吧。2017-12-12
AngularJS基础 ng-readonly 指令简单示例
本文主要介绍AngularJS ng-readonly 指令,这里对ng-readonly指令的资料做了整理，有学习AngularJS 指令的同学可以参考下2016-08-08
下面小编就为大家带来一篇Augularjs-起步详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
最新评论