javascript - 我的按钮不起作用

Question

您好，我创建了一个登录表单，但是当我点击登录时，我无法使用以下代码将用户名和密码发送到数据库:

<a id="enter" href="#"><div id = "enterbutton">enter</"div></a> .

我可以发送用户名并通过此代码传递:

<input id="enterbutton" type="submit" value="Login">

现在这个按钮看起来很难看，因为我在我的 CSS 中添加了这个按钮的图片。使用第一个代码按钮，看起来就像我想要的那样。如何解决这个问题？ 我的表单外观:

<form name="forma2" action="login.php" method="post">
        <br>
        <input class="inputbox" type="text" name="username" maxlength="18" placeholder="username">
        <br>
        <br>
        <input class="inputbox" type="password" name="password" placeholder="password">
        <br>
      <input type="submit" value="Login">
      </form>

工作但没有 css。

Answer 1

如果你想使用:

<a id="enter" href="#"><div id = "enterbutton">enter</"div></a>

因为您已经应用了特定的 css，所以只需这样做。

$('#enter').on('click', function(){
  $('#form').submit();
});

请记住在您的表单中添加一个 ID。