验证HTML输入字段

时间:2019-02-21 08:58:59

标签: html angularjs validation

我目前正在做一个项目,该项目最近几年才进行。因为没有知识转移给我,所以对我来说这真令人费解。

该应用程序使用AngularJS。我有一个引导寻呼机,其中有一个Jump to page: [ ]字段。目前,该字段同时接受整数和小数,并且我显然不希望使用十进制页码。

我知道我可以尝试在JS中找到某个地方来验证输入,但是我正在寻找一种方法来验证html中的输入-更确切地说,是检查某些输入是否为整数。

我的HTML元素是:

<div style="float:right;margin-right:10px;">
<span style="float:right">Jump to page:</span>
<br/>
<div class="col-xs-5" style="float:right">
    <input class="form-control" id="navPageField" type="text"
           ng-model="pager.pageToNavigate"
           snp-enter="pager.navigateToPage(pager.pageToNavigate)"
           tooltip="page {{pager.currentPage}} / {{pager.pageCount}}"
           tooltip-trigger tooltip-animation="true" tooltip-placement="bottom" />
</div>

EDIT:通过将pattern="^[0-9]*$"添加到输入元素来解决。即使添加type=numberstep="1"也不如我预期的那样工作。

0 个答案:

没有答案