相关疑难解决方法(0)

AngularJS多步骤表单验证

我已经按照本教程使用UI路由器了解AngularJS多步骤表单.表单有效,我可以保存我的数据,但现在我对如何验证表单中的每个步骤有疑问.

我有以下表格与输入字段:

步骤1

牌照

第2步

名称

街

邮政编码

市

电子邮件

电话

第3步

从日历中选择日期和时间

看起来有点像这样:

我有这样一般的基本视图:

<body ng-app="formApp">
    <div id="top"></div>
    <div class="container">
        <!-- views will be injected here -->
        <div ui-view></div>

    </div>
</body>

Run Code Online (Sandbox Code Playgroud)

在我的app.js中,我有以下内容(不完整,留下非重要的东西):

// app.js
// create our angular app and inject ngAnimate and ui-router
// =============================================================================
angular.module('formApp', ['ngAnimate', 'ui.router', 'ui.calendar'])

// configuring our routes
// =============================================================================
.config(function($stateProvider, $urlRouterProvider, $interpolateProvider) {

    $interpolateProvider.startSymbol('<%');
    $interpolateProvider.endSymbol('%>');

    $stateProvider

        // route to show our basic form (/form)
        .state('form', {
            url: …

Run Code Online (Sandbox Code Playgroud)

javascript forms validation jquery angularjs

nie*_*lsv

2015 09-25

9
推荐指数

1
解决办法

9242
查看次数