1

我在使用带有角度 js 登录表单的键盘上的“输入按钮”时遇到问题。我知道之前有人问过这个问题，但我相信我的问题有点不同，因为我尝试了几乎所有写在 stackoverflow 问题上的东西。

所以，我只希望能够只使用键盘上的回车键来按回车键并提交表单。

这是登录html：

<!-- BEGIN LOGIN FORM -->
<form ng-submit="loginCtrl.login()" class="login-form">
    <h3 class="form-title">Sign In</h3>
    <div class="alert alert-danger display-hide">
        <button class="close" data-close="alert"></button>
            <span>
            Enter any username and password. </span>
    </div>
    <div class="form-group">
        <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
        <label class="control-label visible-ie8 visible-ie9">Username</label>
        <input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="Company/username"
               ng-model="loginCtrl.username" name="username"/>
    </div>
    <div class="form-group">
        <label class="control-label visible-ie8 visible-ie9">Password</label>
        <input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="Password"
               ng-model="loginCtrl.password" name="password"/>
    </div>
    <div class="form-actions">
        <input type="submit" class="btn btn-success uppercase" value="Login">
    </div>

   </form>
<!-- END LOGIN FORM -->

这是我的登录信息：

self.login = function() {

        var result = self.username.split("/");
        var account = result[0];
        var userId = result[1];

            UserService.login(userId, self.password,account).then(function(user) {
            self.userAccount = user;

            $state.go('home');

        }, function(err) {
           alert("Authentication failure: Please check your credentials. ")
        });

我将用户名作为“companyName/Username”，所以它就像：amazon/bigboby

4

1 回答 1

1

我很确定你的问题是由这个<button>标签引起的：

<button class="close" data-close="alert"></button>

答案在文档中找到：

您可以使用以下两种方法之一来指定提交表单时应调用的 javascript 方法：

ngSubmit表单元素上的指令

ngClick在第一个按钮或提交类型的输入字段上的指令 (input[type=submit])

请注意关于它如何在第一个按钮上查找 ng-click 处理程序的注释。当您按下ENTER提交表单时，Angular 会查看表单并看到该按钮。它将ng-click在该按钮上执行处理程序（如果有的话）。

如果您type在按钮上包含该属性，您可以阻止它并让它找到实际的提交按钮：

<button type="button" class="close" data-close="alert"></button>
于 2015-10-06T20:34:50.303 回答