AngularJS服务器端验证以领域为重点

时间:2019-01-01 16:06:19

标签: angularjs forms validation

我有一个由angularjs 1.7完成的现有在线应用程序项目。

当用户启动一个应用程序时,他们必须完成5到10种不同的表单,每个表单都有保存和验证按钮,因为每个表单都很大,因此即使存在验证错误,用户也可以节省任何时间。当用户尝试提交申请时,系统将检查所有表单是否通过验证,如果没有,则将用户带到表单有验证错误。

现在我有了新的要求,当用户提交申请时,列出每个表单的所有验证错误,每个错误都需要一个链接,链接将使用户转到页面并关注该字段(这是我想知道的部分最好的方法)。

前端如下所示:

<div class="from-group">
          <label>Name</label>
        <input class="form-control" ng-model="frm.firstName" />
    </div>
    <div class="form-group" ng-repeat="addr in frm.addresses">
        <label>Postal</div>
        <input class="from-control" ng-model="addr.postal" />
    </div>

验证全部由服务器端完成,服务器端可以提供如下所示的JSON:

{
'Form1':{
    'Error1': {
        'Field': 'form1.addresses[2].postal',
        'Message': ''
    },
    'Error2':{
        'Field': 'form1.firstName',
        'Message':''
    }        
},
'Form2':{

}

}

我的问题是打开angularjs路线和焦点输入的最佳方法是什么。我正在尝试避免使用/ route /#firstName。

0 个答案:

没有答案