Question

遇到问题，无法找到解决方案。我在聊天。当新用户打开我的网站（新会话）时，div会输出并要求用户填写他的名字。当我使用输入提交时，表单工作正常。我希望它在没有提交按钮的情况下工作，我希望它在按下div时工作。这是我的代码 HTML：

<form name="form" id="form" action="index.html" method="post">
<span id="nspan">First name:</span> <input type="text" id="firstname"  name="name">
<div name="enter" id="enter">Submit</div>
</form>

jquery：

$(document).ready(function(){
$("#enter").click(function () {
$("#form").submit();
});
});

Answer 1

nevermind是正确的 - 该代码没有问题。

这是证明它的JSFiddle：http://jsfiddle.net/8Xk7z/

也许你的问题是id“form”一般是一个名字，你已经将它用于另一种形式。

另一件事，为什么不使用按钮或链接？您可以按照自己的喜好设计样式。当你使用的东西用于他们不应该使用的东西时要小心，它给我意想不到的副作用。在您的情况下，您可能只能使用鼠标登录聊天，这将排除盲人。您也无法使用tabulater进入登录“按钮”。最后，如果你是盲人并使用屏幕阅读器，你实际上不知道有登录“按钮”，因为读者不会将div识别为你可以点击的东西。

我建议使用像这样的按钮标签

<button id="enter">Submit</button>

或者像这样的a-tag

<a href id="enter">Submit</a>

如果你不喜欢它们的预定义样式，你可能总是覆盖样式。

Answer 2

尝试在页面顶部定义jquery

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

然后把你的脚本放在下一个。

仍然有问题。

请检查同一页面上的其他功能是否正常。

使用jquery提交表单

2 个答案: