Question

您好我创建了一个登录表单，但是当我点击登录时我无法使用此代码向db发送用户名和密码：

<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。

Answer 2

您可以使用锚点提交表单，但您将使用事件处理程序：

<form id='myForm' 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>
  <a id="enter" href="#" onclick='document.getElementById("myForm").submit()'><div id = "enterbutton">enter</div></a>
  </form>

Answer 3

如果您想将button用作div，则应在JavaScript中声明.click()事件如何：

$('#enter').on('click', function(){
  $('#form[name="forma2"]').submit();
});

Answer 4

        <form name="forma2" action="login.php" method="post" id="myForm">
        <br>
        <input class="inputbox" type="text" name="username" maxlength="18" placeholder="username">
        <br>
        <br>
        <input class="inputbox" type="password" name="password" placeholder="password">
        <br>
        <a href="javascript:void(0);" onclick="submitMe();">Submit</a>
    </form>




    <script>
        function submitMe() {
            document.getElementById("myForm").submit();
        }
    </script>

Answer 5

@Grimbode的答案很好。但是我不想添加更多脚本，你也可能没有jQuery。我们只能用CSS处理它。您<a>的问题是您没有为此添加任何处理程序，因此每当您点击此<a>时，它都不会执行任何操作。 <input type="submit">用于表单，它可以处理我们想要的内容。但通常情况下，input带有一些默认的CSS，我不喜欢它，你也可以。

您可以在此处找到针对您案例的示例： https://jsfiddle.net/y7mvu9zn/

我的按钮没有用

5 个答案: