没有在角JS中显示的错误消息
没有在角JS中显示的错误消息
提问于 2018-01-02 12:15:27
我试图使用下面的代码显示一些登录验证错误，但它不起作用。
当我点击登录按钮时，它将进入下一页，错误消息不会按设想显示。
有什么想法吗？
Index.html：
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script type="lib/angular.min.js"></script>
<script type="angularFile.js"></script>
</head>
<body ng-app="demoApp" ng-controller="Ctrl">
<h1>Login Form</h1>
<form action="next.html" ng-submit="fun1($event)">
userName:<input name="name" ng-model="un">
<div style="color: red">{{msg1}}</div><br>
passWord:<input type="password" name="pwd" ng-model="pw">
<div style="color: red">{{msg2}}</div><br>
<input type="submit" value="Login"/>
</body>
</html>angularFile.js：
var app = angular.modul("demoApp",[]);
app.controller("Ctrl",function($scope){
$scope.un="";
$scope.pw="";
$scope.msg1="";
$scope.msg2="";
$scope.fun1=function(e){
if($scope.un.leggth==0){
$scope.msg1="please enter user name"
e.preventDefault();
}else{
$scope.msg1="";
}
if($scope.pw.leggth==0){
$scope.msg2="please enter password"
e.preventDefault();
}else{
$scope.msg2="";
}
}
});回答 3
Stack Overflow用户
回答已采纳
发布于 2018-01-02 12:27:14
var app = angular.module("demoApp",[]);
app.controller("Ctrl",function($scope){
$scope.un="";
$scope.pw="";
$scope.msg1="";
$scope.msg2="";
$scope.fun1=function(e){
if($scope.un.length == 0){
$scope.msg1="please enter user name"
e.preventDefault();
}else{
$scope.msg1="";
}
if($scope.pw.length== 0){
$scope.msg2="please enter password"
e.preventDefault();
}else{
$scope.msg2="";
}
}
});用这段代码告诉我。
确保您已正确导入库或从web导入它。
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>Stack Overflow用户
发布于 2018-01-02 12:34:16
您还没有在html中关闭表单标记。以及其他开发人员所建议的所有其他事情。
<div ng-app="demoApp" ng-controller="Ctrl">
<h1>Login Form</h1>
<form ng-submit="fun1($event)">
userName:<input name="name" ng-model="un">
<div style="color: red">{{msg1}}</div><br>
passWord:<input type="password" name="pwd" ng-model="pw">
<div style="color: red">{{msg2}}</div><br>
<input type="submit" value="Login"/>
</form>
</div>内部控制器--
var app = angular.module("demoApp",[]);
app.controller("Ctrl",function($scope){
$scope.un="";
$scope.pw="";
$scope.msg1="";
$scope.msg2="";
$scope.fun1=function(e){
if($scope.un.length==0){
$scope.msg1="please enter user name"
e.preventDefault();
}else{
$scope.msg1="";
}
if($scope.pw.length==0){
$scope.msg2="please enter password"
e.preventDefault();
}else{
$scope.msg2="";
}
}
});工作抖动链接-- JSFIDDLE
Stack Overflow用户
发布于 2018-01-02 12:36:55
是angular.module();
你把它写成angular.modul()
var app = angular.module("demoApp", []);还将$scope.pw.leggth和$scope.un.leggth中的拼写修正为length
你需要修复这些，它就能工作了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48060828
复制相关文章
相似问题
腾讯云开发者
