使用jquery提交表格

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

<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(); 
}); 
});

来源

2014-02-09 misha312

实际上，这段代码有效......问题在别的地方。 – sinisake

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

这里的的jsfiddle来证明这一点：http://jsfiddle.net/8Xk7z/

也许你的问题是，ID“形式”是通用名称，你已经用它的另一种形式。

另一件事，为什么不使用按钮或链接？你可以像你想要的那样设计它。当你将东西用于他们不想用的东西时要小心，它会给我们带来意想不到的副作用。就你而言，你可能只能通过鼠标登录聊天，这会排除盲人。您也无法使用tabulater来登录“按钮”。最后，如果你是盲人，并使用屏幕阅读器，你实际上不会知道在登录“按钮”时，因为读者不会识别div，因为你可以点击。

我会建议使用按钮标签这样

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

或者这样

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

的一个标签。如果你不喜欢他们的预定义的造型你可能总是覆盖造型。

来源

2014-02-09 22:53:54

尝试在页面顶部定义的jQuery

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

然后把你的脚本在明年。

仍然存在问题。

请检查您在同一页上的其他功能是否正常工作。

来源

2017-04-26 04:28:33 Nidhi

使用jquery提交表格

回答

相关问题