angularjs简单表单校验

最新推荐文章于 2020-12-23 03:03:54 发布

tyilack_小小黑

最新推荐文章于 2020-12-23 03:03:54 发布

阅读量493

点赞数

分类专栏： angularjs 文章标签： javascript angularjs

本文链接：https://blog.csdn.net/u014520745/article/details/52918734

版权

angularjs 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html ng-app="app">
<head>
	<meta charset="utf-8">
	<title>EE</title>
	<script type="text/javascript" src="angular.min.js"></script>
	<style type="text/css">
		body {
			font-size: 12px;
		}
		input  {
			padding: 3px;
		}
	</style>
</head>
<body>

<form name="temp_form"
	ng-submit="save()"
	ng-controller="c14">
	
	<div>
		<input type="text" name="t_name" ng-model="name" required>
		<span ng-show="temp_form.t_name.$error.required">
			姓名不能为空!
		</span>
	</div>
	<div>
		<input type="email" name="t_email" ng-model="email" required>
		<span ng-show="temp_form.t_email.$error.required">
			邮箱不能为空
		</span>
		<span ng-show="temp_form.t_email.$error.email">
			邮箱格式不正确
		</span>
	</div>
	<input type="submit" ng-disabled="temp_form.$invalid" value="提交">

</form>

<script type="text/javascript">
	var app = angular.module("app", []);
	app.controller("c14", ['$scope', function($scope) {
		$scope.name = "raid";
		$scope.email = "222222";
		$scope.save = function() {
			console.log("提交成功");
		}
	}])
</script>

</body>
</html>

tyilack_小小黑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularjs简单表单校验

EE body { font-size: 12px; } input { padding: 3px; } <form name="temp_form" ng-submit="save()" ng-controller="c14"> 姓名不能为空! 邮箱不能为空邮箱格式不
复制链接

扫一扫