如何对表单执行操作为null

时间:2011-01-19 16:04:49

标签: javascript html forms

定义<form>时,可以设置action标记。

如何将其设置为空(#),以便它实际上不会更改页面?

4 个答案:

答案 0 :(得分:2)

有点难以理解,但我认为你想要的是这个:

<form action="#">
 <!-- code here -->
</form>

答案 1 :(得分:2)

没有<form>属性的action代码会将数据发送到提交的网页。

如果您要将表单数据发送到其他页面,则只需使用action属性。

<form method="GET">
    <input type="text" size="10" name="input" value="default">
    <input type="submit" value="Submit">
</form>

(注意:这不适用于file:///协议处理程序。)

答案 2 :(得分:1)

您可以通过以下方式将表单操作设置为null。这对我有用。

< form action ='' >

答案 3 :(得分:0)

对于其他阅读此内容的人来说,通常最好让输入或按钮对象返回false;什么时候点击它。这将确保表单不遵循操作,而是保留在页面上。它在概念上与所要求的内容类似,因为它将保留在当前页面上。

这是让你在javascript中处理提交选项。

以下是如何向API路线提交电子邮件地址的示例,提醒用户API调用返回的内容:

HTML:

<form>
<input type="text" name="email">
<button onclick="do_something(); return false;"
</form>

JAVASCRIPT:

var do_something = function(){
  $.ajax({
    url: "http://myapi.com/route",
    type: 'POST',
    data: $('form').serialize(),
    context: document.body
  }).done(function(data) {
    alert(data);
  });
};