相关疑难解决方法(0)

当输入验证失败时,Angularjs会阻止表单提交

我正在使用angularjs编写一个简单的登录表单,其中包含一些客户端输入验证,以检查用户名和密码是否为空且超过三个字符.请参阅以下代码:

<form name="loginform" novalidate ng-submit="login.submit()" class="css-form">
    <fieldset>

        <div class="control-group input-prepend">
            <span class="add-on"><i class="icon-user"></i></span>
            <input type="text" ng-model="login.username" name="username" required ng-minlength="3" placeholder="username" />
        </div>

        <div class="control-group input-prepend">
            <span class="add-on"><i class="icon-lock"></i></span>
            <input type="password" ng-model="login.password" name="password" required ng-minlength="3" placeholder="" />
        </div>

        <div class="control-group">
            <input class="btn" type="submit" value="Log in">
        </div>

    </fieldset>
</form>
Run Code Online (Sandbox Code Playgroud)

和控制器:

var controller = function($scope) {

    $scope.login = {
        submit: function() {

            Console.info($scope.login.username + ' ' + $scope.login.password);
        }
    }

};
Run Code Online (Sandbox Code Playgroud)

问题是login.submit即使输入无效,也会调用该函数.是否有可能阻止这种行为?

作为旁注,我可以提一下,我也使用bootstrap和requirejs.

validation angularjs

152
推荐指数
5
解决办法
15万
查看次数

标签 统计

angularjs ×1

validation ×1