简话Angular 05 Angular表单验证
2024-08-31 16:49:41
一句话: 可以使用所有html5表单验证功能,同时Angular还增强了部分验证,支持动态验证
1. 上源码
<div ng-controller="ExampleController">
<form action="" name="exampleForm">
<label>姓名(required ng-minlength=1 ng-maxlength=3): </label> <input type="text" name="name" ng-model="user.name" required ng-minlength=1 ng-maxlength=3> <br>
<label>英文名(ng-pattern="/[a-zA-Z]/"): </label> <input type="text" name="englishName" ng-model="user.englishName" ng-pattern="/[a-zA-Z]/"> <br>
<label>年龄(number): </label> <input type="number" name="age" ng-model="user.age" required > <br>
<label>邮件(email): </label> <input type="email" name="email" ng-model="user.email" /> <br>
<label>博客地地址(url): </label> <input type="url" name="homepage" ng-model="user.homepage" /> <br> <input type="submit" value="提交" />
</form> <script>
var myApp = angular.module('myApp', []);
myApp.controller('ExampleController', function($scope) {
$scope.global = {};
$scope.global.fDate = new Date(); $scope.isCapitalized = function(str) {
return str[0] == str[0].toUpperCase();
}; });
</script>
</div>
2. 在线查看运行效果
http://jimuyouyou.github.io/angular-bootstrap-rest-seed/examples/angular/5-form-validation.html
3. 项目地址
github: https://github.com/jimuyouyou/angular-bootstrap-rest-seed
最新文章
- Nginx学习笔记--001-Nginx快速搭建
- 在Ubuntu Server 14.04中搭建FTP服务器(VMWare)
- MySQL点滴
- 中文字体font-family常用列表
- sysbench压力测试工具简介和使用(二)
- [MSSQL2008]Spatial Data in SQL Server 2008 - 根据经纬度计算两点间距离
- Lazarus中system.length说明
- UVa 10129 Play On Words【欧拉道路 并查集 】
- UITextView光标在中间的问题
- 24种设计模式--观察者模式【Observer Pattern】
- Linux 上不可修改的文件和目录
- 操作3 mongodb和mysql 开启慢查询日志 ,以及mongodb从配置文件启动
- PAT1002
- flyway和liquibase的使用样例
- jq版轮播图
- log4j(五)——如何控制不同目的地的日志输出?
- theme为dialog的Activity如何充满全屏
- 二级管工作原理(PN结原理)学习
- 【LOJ】#2061. 「HAOI2016」放棋子
- 64_r1