Question

我想要一个文本表单来输入一个稍后由javascript读取的字符串。

<form style='margin:10px;'> 
Input Value: <input type="text" value="3" id="input" name="input"/>
</form>

我注意到当我按下Enter键时，它被选中会导致重新加载页面。这不是我想要的。当表单“提交”时，如何让它不重新加载页面？

Answer 1

您需要<form>代码吗？他们似乎没有做任何事情。如果删除它们，当您按Enter键时将不再获得该提交行为。

Answer 2

按Enter键即可提交表格。您可以使用Javascript来阻止提交表单 - 一种方法是使用提交按钮：

<input type="submit" onsubmit="formhandle(); return false;">

在Javascript中创建一个formhandle（）函数来执行您想要执行的处理。返回false应该阻止将表单发回服务器 - 但是，这并不总是有效。有关防止浏览器中的默认操作的详细信息：

http://www.quirksmode.org/js/events_early.html

Answer 3

您必须使用JScript捕获表单send并使用ajax

将其发送到服务器

<form style='margin:10px;' id='formID'> 
Input Value: <input type="text" value="3" id="input" name="input"/>
</form>

JQuery（如果你愿意，你可以使用Prototype或纯JS）代码就像这样的东西

$('#target').submit(function() {
  $.ajax({
    type: 'POST',
    url: url, 
    data: data,
    success: success,
    dataType: dataType,
  });
  return false;
});

return false可防止页面重新加载。可以找到文档here

基本的html文本表单

3 个答案: