angular js实现表单验证
来源:互联网 发布:mac os 磁盘清理 编辑:程序博客网 时间:2024/04/30 13:12
1、html代码 <form name="testform" novalidate="novalidate"> 验证表单是否已经填写:<input type="text" required ng-model="user.name"/>*不能为空* <label>{{user.name}}</label> <hr /> 验证长度最小值为5:<input type="text" ng-minlength="5" ng-model="user.minlength"/>*最小长度为5* <label>{{user.minlength}}</label> <hr /> 验证长度最大值为20:<input type="text" ng-maxlength="20" ng-model="user.maxlength"/>*最大长度为20* <label>{{user.maxlength}}</label> <hr /> 验证匹配指定的正则表达式:<input type="text" ng-pattern="/^[a-zA-Z]*\d$/" ng-model="user.pattern" />*输入为字母* <label>{{user.pattern}}</label> <hr /> 验证电子邮件:<input type="email" name="email" ng-model="user.email" />*输入电子邮箱* <label>{{user.email}}</label> <hr /> 验证是否为数字:<input type="number" name="age" ng-model="user.age" />*输入数字* <label>{{user.age}}</label> <hr /> 验证是否为链接:<input type="url" name="homepage" ng-model="user.facebook_url" />*输入为链接* <label>{{user.facebook_url}}</label> </form>2、js代码<script> var app = angular.module('myApp', []); app.controller('MyController',['$scope','$filter', function ($scope,$filter) { $scope.person = {name:'weijie'};}]);
0 0
- angular js实现表单验证
- angular js表单验证
- angular.js 表单验证
- JS验证表单实现
- JS实现表单验证
- JS实现表单验证
- angular表单验证及 提交功能实现
- angular表单验证
- angular 之表单验证
- angular表单验证
- angular之表单验证
- Angular表单验证
- Angular表单验证
- Angular表单验证
- Angular表单验证
- angular表单验证
- js实现的表单验证
- Html JS实现表单验证
- JS获取键盘ASCII码代码
- mac osx 下面shadowsocks 转换成http代理
- 方差与转动惯量
- Android Telephony中缩写含义
- unsupported locale setting
- angular js实现表单验证
- JAVA-快速查找算法
- 杭电3790 最短路径问题(djstra过)
- 关于TextView的一些初步讲解
- 使用APC加速PHP
- Python继承
- 2015年11月前端培训记录
- mysql日常
- 利用多叉树实现Ext JS中的无限级树形菜单(一种构建多级有序树形结构JSON的方法)