Javascript 我的角度表单输入[编号]验证不起作用
我的角度形式只显示我在下面定义的文本。它不会在表单输入字段中显示红色来告诉用户有错误。请告诉我发生了什么事 请帮忙 谢谢 我已在页面中包含以下文件:Javascript 我的角度表单输入[编号]验证不起作用,javascript,angularjs,Javascript,Angularjs,我的角度形式只显示我在下面定义的文本。它不会在表单输入字段中显示红色来告诉用户有错误。请告诉我发生了什么事 请帮忙 谢谢 我已在页面中包含以下文件: <script src="js/lib/angular/angular-1.0.1.js"></script> <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.23.custom.css" /> <link rel="styleshee
<script src="js/lib/angular/angular-1.0.1.js"></script>
<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.23.custom.css" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>
我包括一个名为users.html的模板,这个users.html还包括以下名为pagination.html的模板:
<div style="padding-left: 252px;">
<form name="pageForm" ng-submit="search()">
Page: <input name="pageTxtField" ng-model="request.page" type="number"
required min="1" max="{{totalPages}}" style="width:30px;" ng-pattern="/[0-9]+/" /> of <span ng-bind="totalPages"></span>
<span class="error" ng-show="pageForm.pageTxtField.$error.required">
Please enter a number!</span>
<span class="error" ng-show="pageForm.pageTxtField.$error.valid">
Enter valid number!</span>
</form>
</div>
页码:共页
请输入一个数字!
输入有效数字!
我解决了这个问题。我的样式表现在如下所示:
form span.error {
color: red;
}
form.ng-invalid input.ng-invalid {
border-color: red;
outline-color: red;
}
我发布这个答案是为了帮助有同样问题的人
谢谢 我解决了这个问题。我的样式表现在如下所示:
form span.error {
color: red;
}
form.ng-invalid input.ng-invalid {
border-color: red;
outline-color: red;
}
我发布这个答案是为了帮助有同样问题的人
谢谢 启动了一个提琴,但没有时间进入此()。使用Josh的模板,您应该使用pageForm.pageTxtField.$valid。启动了一个提琴,但没有时间进入此()。使用Josh的模板,您应该使用pageForm.pageTxtField.$valid。