anular前端表单验证
来源:互联网 发布:php微信小程序商城源码 编辑:程序博客网 时间:2024/06/07 06:00
<!--<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>-->
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<form 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>
<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="myForm.email.$dirty && myForm.email.$invalid">
<span ng-show="myForm.email.$error.required">邮箱是必须的。</span>
<span ng-show="myForm.email.$error.email">非法的邮箱地址。</span>
</span>
</p>
<input type="email" name="email" ng-model="email" required>
<span style="color:red" ng-show="myForm.email.$dirty && myForm.email.$invalid">
<span ng-show="myForm.email.$error.required">邮箱是必须的。</span>
<span ng-show="myForm.email.$error.email">非法的邮箱地址。</span>
</span>
</p>
<p>
<input type="submit"
ng-disabled="myForm.user.$dirty && myForm.user.$invalid ||
myForm.email.$dirty && myForm.email.$invalid">
</p>
<input type="submit"
ng-disabled="myForm.user.$dirty && myForm.user.$invalid ||
myForm.email.$dirty && myForm.email.$invalid">
</p>
</form>
<script>
var app = angular.module('myApp', []);
app.controller('validateCtrl', function($scope) {
$scope.user = 'John Doe';
$scope.email = 'john.doe@gmail.com';
});
</script>
</body>
</html>-->
var app = angular.module('myApp', []);
app.controller('validateCtrl', function($scope) {
$scope.user = 'John Doe';
$scope.email = 'john.doe@gmail.com';
});
</script>
</body>
</html>-->
阅读全文
0 0
- anular前端表单验证
- js 表单前端验证
- 前端表单验证插件
- magento2 前端表单验证
- [js]前端表单验证
- 数据验证【web前端,表单】
- WEB前端-JQuery-表单验证
- form表单提交,前端验证
- js 前端验证表单输入
- 前端表单js验证笔记
- php 表单提交 表单前端验证
- PHP前端后端表单数据验证(一)
- 表单前端验证类(author:tsh)
- 表单前端验证+ajax异步请求
- [Web前端]梳理-HTML5.3.表单验证
- Web前端-表单及时验证(Jquery)
- 【前端组件】bootstrapValidator表单验证组件实践
- 利用javaScript实现前端表单验证
- PocketSphinx语音识别系统的安装和使用
- windows下curl的安装和简单使用
- C++多态
- 在ubuntu16中更新到最新的nodejs
- Fixing the Great Wall UVA
- anular前端表单验证
- 自己实现简单的Stack
- web 目录说明以及web项目目录结构的生成过程
- Matlab读取pfm文件
- HDU
- Dijkstra算法求最短距离并输出路径(Java实现)
- c++函数后加const
- 暑期团队赛
- angular点击事件 可用于点赞等功能前端页面