html - 想要在 AngularJS 中的标签上显示错误消息
问题描述
如果文本框为空或使用 AngularJS 未定义,我想在单击时在标签中显示错误消息。
我是 AngularJS 的初学者。
请帮助解决这个问题。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="//code.angularjs.org/snapshot/angular.min.js"></script>
</head>
<body ng-app="form">
<div ng-controller="formController">
<label>Name: <input type="text" ng-model="user.name" /></label><br />
<input type="submit" ng-click="update(user)" value="Save" />
<pre>{{master | json}}</pre>
</div>
<script>
angular.module('form', []).controller('formController', ['$scope', function ($scope) {
$scope.master = {};
$scope.update = function (user) {
debugger;
$scope.master = angular.copy(user);
if (user == undefined) {
debugger;
alert("Please enter text");
}
};
}]);
</script>
</body>
</html>
解决方案
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<h2>Validation Example</h2>
<form ng-app="myApp" ng-controller="validateCtrl"
name="myForm" novalidate ng-submit="Validate()">
<p>Username:<br>
<input type="text" name="user" ng-model="user" required>
<span ng-show="ShowUserNameError">Username is required.</span>
</span>
</p>
</p>
<p>
<input type="submit" ng-click="Validate()">
</p>
</form>
<script>
var app = angular.module('myApp', []);
app.controller('validateCtrl', function($scope) {
$scope.ShowUserNameError = false;
$scope.user = '';
$scope.email = '';
$scope.Validate = function(){
if(!$scope.user)
$scope.ShowUserNameError = true;
else
$scope.ShowUserNameError = false;
}
});
</script>
</body>
</html>
推荐阅读
- sql-server - SqlDependency 适用于本地数据库,但不适用于服务器
- python - 如何在圆形对象周围绘制轮廓并使用 OpenCV Python 找到它的 ROI?
- multithreading - SIMD和多线程之间的区别
- android - 安全测试显示我的 android 应用程序有硬编码的敏感数据,这是有风险的。它属于核心 Android 库。怎么修?
- python-3.x - 如何解决python请求库中的requests.exceptions.ConnectionError
- angular - 错误 TS2345:“书籍”类型的参数不可分配给“书籍”类型的参数
- ruby - 结合`bundle exec`和`ruby -r`的正确方法?
- python - MySQL 服务器已经消失:一个 API 抛出它,而另一个没有
- html - 在 CSS ::after 之后放置一个 div
- video - 如何在不提高播放速度的情况下使用 ffmpeg 将 mjpeg 直播视频格式转换为 h.264 格式