Question

好的，所以我有一个带有div提交的表单，并希望在“输入密钥”上按某些输入按提交表单。我的HTML

<li>
    <label> <span>Username</span>

        <input placeholder="Please enter your username" name="username" class="login_username loginforminput" pattern="[a-zA-Z0-9]{6,}" type="text" tabindex="1" required autofocus>
    </label>
</li>
<li>
    <label> <span>Password</span>

        <input placeholder="Please enter your password" name="password" class="login_password loginforminput" pattern=".{6,}" type="password" tabindex="2" required>
    </label>
</li>
<li>
    <div name="login-submit" id="login-submit" tabindex="3">Sign In</div>
</li>
<li>
    <div class="gotootherform" id="registerpopup" tabindex="4">Register</div>
</li>

我的.js脚本。

////Clicking 'Enter' on Register Form
  jQuery('#loginforminput').keydown(function(event) {
    if (Event.keyCode == 13) {
            RegisterFormSubmit();   
    }
});

该函数的工作原理是在onclick中为div分配，所以不是这样。我做错了什么？

Answer 1

Javascript区分大小写，因此您需要更改此

if (Event.keyCode == 13) {
        RegisterFormSubmit();   
}

到这个

if (event.keyCode == 13) {
        RegisterFormSubmit();   
}

＃由id而不是class选择，使用'。'匹配课程：

 jQuery('.loginforminput')

Answer 2

你也应该使用：

jQuery('.loginforminput')代替jQuery('#loginforminput')

＃用于id =“”而。用于类

Answer 3

您应该将处理程序分配给<form>标记。如果没有，请创建一个。此外，点击输入通常会提交一个表格。

$('form').on('submit', function(e) {
  e.preventDefault();
  RegisterFormSubmit();
});

jQuery（'#class'）。keypress Event.keyCode == 13）不工作

3 个答案: