小编bac*_*bos的帖子

按Enter键时AngularJS表单不提交

我正在尝试在用户按Enter键时提交登录表单.单击"登录"按钮时,表单完全正常,但按Enter键不起作用,此外,会导致奇怪的行为:

  • 关联的函数ng-submit未被执行
  • 按Enter键后,永远不再显示错误消息(登录失败)

这是我的标记:

<form ng-submit="login()" class="login-form">
    <div class="alert alert-danger" ng-class="{ 'display-hide': !showError }">
        <button class="close" data-close="alert"></button>
            <span> Login failed </span>
    </div>
    <div class="form-group">
        <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="Username" name="username" ng-model="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" name="password" ng-model="password"/>
    </div>
    <div class="form-actions">
        <button class="btn btn-success uppercase">Login</button>
    </div>
</form>
Run Code Online (Sandbox Code Playgroud)

请注意,我试图取代<button...><input type="submit"...>没有成功要么.

具有login() - 函数的相应控制器如下所示:

.controller('LoginCtrl', ['$rootScope', '$scope', ..., function LoginController ($rootScope, …
Run Code Online (Sandbox Code Playgroud)

javascript forms angularjs

3
推荐指数
1
解决办法
6144
查看次数

标签 统计

angularjs ×1

forms ×1

javascript ×1