angularjs表单验证

AngularJS 输入验证

主宰稳场 提交于 2019-12-23 14:59:30
1、AngularJS表单和控件可以验证输入的数据,对用户输入的非法数据进行警告。 2、客户的验证不能确保用户输入数据的安全,服务器的验证也是必须的。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible"content="IE=edge" /> <meta name="viewport"content="width=device-width,initial-scale=1" /> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script> <![endif]--> <title></title> <meta charset="utf-8" /> <link rel="stylesheet"href="bootstrap-3.3.5/dist/css/bootstrap.min

angularJs表单验证邮箱和用户名

最后都变了- 提交于 2019-12-06 11:10:25
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <h2>验证实例</h2> <form action="" ng-app="myApp" ng-controller="validateCtrl" name="myForm" novalidate> <p>用户名:<br> <input type="text" name="user" ng-model="user" required> <span style="color:red" ng-show="myForm.user.$dirty&&myForm.user.$invalid"> <span ng-show="myForm.user.$error.required">用户名是必须的</span> </span> </p> <p>邮箱:<br> <input type="email" name="email" ng-model="email" required> <span style="color: red" ng-show=

对比AngularJS/jQueryUI/Extjs:没有一个框架是万能的

匆匆过客 提交于 2019-11-30 14:34:52
AngularJS不能做什么?对比Angular/JSjQueryUI/Extjs 框架就好比兵器,你得明白你手里拿的是屠龙刀还是倚天剑,刀法主要是砍,剑法主要是刺。对于那些职业喷子和脑残粉,小僧送你们两个字:呵呵;同时祝你幸福,请点右上角。 首先要明白Angular不能做什么,或者Angular没有提供什么,然后再来看它能做什么,来看Angular与其它一些主流框架的对比。 对于上面的表格,有人可能要跟我抬杠,咱大jQuery不是有各种插件吗!不是有各种EasyUI、LigerUI等等一大堆UI吗! 我只想说,你特么到底有没有做过大型的开发?各种东西倒腾在一起的组装货能比得上品牌机?另外遇到jQuery版本不兼容就够你喝一壶了吧!说jQueryUI各种乱已经是对它客气了,实际上是一塌糊涂! 提醒某些小白区分好概念,小僧的喷点是jQueryUI,而不是jQuery,jQuery这把小巧玲珑的瑞士军刀小僧还是非常喜欢滴!另外,也有 一批基于jQuery的UI套件做得非常优秀,比如KendoUI,但是一分钱一分货,好东西基本上都是收费的。这么多年下来了,你应该早就习惯了这条行 规。再说一次,好!东!西!都!是!收!费!的! 又有人说,怎么没把bootstrap列在里面对比一下?请问油漆桶和Tank战车怎么比?你比给我看看。 关于前端UI体系的特别说明 对于前端UI系统,特别说明一下

AngularJS简介

白昼怎懂夜的黑 提交于 2019-11-26 16:42:56
AngularJS简介 AngularJS是一个JavaScript矿建,他是一个JavaSscript编写的库。可以通过<script>标签添加到HTML页面。 AngularJS是通过指令扩展了HTML,且通过表达式绑定数据到HTML。 地址:<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 各个 angular.js 版本下载: https://github.com/angular/angular.js/releases AngularJS通过ng-directives扩展了HTML。 ng-app指令定义一个AngularJS应用程序。 ng-model指令把元素之(比如输入域的值)绑定到应用程序。 ng-model 指令也可以:   为应用程序数据提供类型验证(number、email、required)。   为应用程序数据提供状态(invalid、dirty、touched、error)。   为 HTML 元素提供 CSS 类。   绑定 HTML 元素到 HTML 表单 ng-bind 指令把应用程序数据绑定到 HTML 视图。 ng-init 指令初始化 AngularJS 应用程序变量。 ng-repeat 指令对于集合中(数组中)的每个项会