Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 提交()的困难_Javascript_Jquery_Forms - Fatal编程技术网

Javascript 提交()的困难

Javascript 提交()的困难,javascript,jquery,forms,Javascript,Jquery,Forms,我正在做一个项目(shoutbox),它要求提交表单而不需要重新加载页面。应该很容易,对吧?我在使用jQuery,遇到了一个问题。当我只有一个输入框时,一切正常。但如果我有两个,它就坏了 形式- <form id="freeshout-form" method="post"> <input id="name" type="text" name="name" value="name" /> <input id="entry" type="text" n

我正在做一个项目(shoutbox),它要求提交表单而不需要重新加载页面。应该很容易,对吧?我在使用jQuery,遇到了一个问题。当我只有一个
输入框时,一切正常。但如果我有两个,它就坏了

形式-

<form id="freeshout-form" method="post">
    <input id="name" type="text" name="name" value="name" />
    <input id="entry" type="text" name="entry" value="entry" />
</form>
但是,如果我删除其中一个输入框,则警报框将显示该输入的值,并显示另一个输入值的值“未定义”。但是如果我把输入值放回去,警报框就不会出现

有什么想法吗


更新:继续工作,但不工作。虽然是相同的代码,但我删除了所有可能干扰它的东西

当我添加提交按钮时,您的代码运行良好。您可以添加一个不可见的。或者您可以让表单侦听“Enter”键



可能是缓存问题。请清除浏览器的缓存,然后重试

当我添加提交按钮时,您的代码运行良好。您可以添加一个不可见的。或者您可以让表单侦听“Enter”键



可能是缓存问题。请清除浏览器的缓存,然后重试

工作正常:@Andrew:也许我遗漏了什么,但它似乎起作用了?看,这…很奇怪。除了jQuery源代码的链接之外,我在页面上没有其他JS,而且它不起作用=/@安德鲁:你忘了使用
$(document).ready(function(){})?@stealthy:可能不是这样。如果这是一个DOM就绪问题,
submit
处理程序根本不会启动。工作正常:@Andrew:也许我遗漏了什么,但它似乎工作正常?看,这…很奇怪。除了jQuery源代码的链接之外,我在页面上没有其他JS,而且它不起作用=/@安德鲁:你忘了使用
$(document).ready(function(){})?@stealthy:可能不是这样。如果这是一个DOM就绪问题,
submit
处理程序根本不会启动。@Andrew:我刚刚更新了。当我添加提交按钮时,您的代码运行良好。从这个开始。我希望在用户点击返回键时提交表单,但我没有意识到我仍然需要代码中的提交按钮。如果我添加提交按钮并将其隐藏,您认为我会遇到任何问题吗?我刚刚测试了它,它工作正常(隐藏时按回车键),但我只是想看看这样做是否“正常”。无聊的。无论如何,谢谢你指出这一点。@安德鲁:我用Chrome中的
display:none
试过了,似乎有点麻烦。不过我可能把别的事情搞砸了。我会做一些测试。你也许可以搜索“按enter键提交表单”之类的东西。@Andrew:我刚更新过。当我添加提交按钮时,您的代码运行良好。从这个开始。我希望在用户点击返回键时提交表单,但我没有意识到我仍然需要代码中的提交按钮。如果我添加提交按钮并将其隐藏,您认为我会遇到任何问题吗?我刚刚测试了它,它工作正常(隐藏时按回车键),但我只是想看看这样做是否“正常”。无聊的。无论如何,谢谢你指出这一点。@安德鲁:我用Chrome中的
display:none
试过了,似乎有点麻烦。不过我可能把别的事情搞砸了。我会做一些测试。您可能会搜索“按enter键提交表单”或其他内容。
$("#freeshout-form").submit(function(event) {
    event.preventDefault();
    alert($("#name").val() + ' - ' + $("#entry").val());
    });