Question

我可以将例如<a href="#">submit</a>的链接转换为表单的提交按钮吗？如果是这样的话？我正在使用PHP，MySQL，XHTML和CSS。

Answer 1

您可以在表单上调用submit（）。像：

<a href="#" onclick="document.getElementById('myForm').submit();">e</a>

这是我真的不推荐的，但它是你问题的答案。

Answer 2

不是真的。

您可以使用JavaScript伪造它，但这会违反Rule 2。

您可以使用CSS将提交按钮看作链接，但这通常不是一个好主意（尽管仍然比使用JS更好）。用户希望按钮提交表单，以及链接到某个地方。违反期望的是可用性差。

Answer 3

使用javascript你可以做一个onclick

在jquery中：

$('theElement').click(function(){ 
// submit the form...
});

编辑:(我写了onclick！）

Answer 4

您可以使用 jQuery 进行不引人注目的JavaScript操作并提交表单：

<form id="form_id">
 ...........
</form>

<a href="#" id="submit_link">submit</a>

<强> jQuery的：

$(function(){
  $('#submit_link').click(function(){
    $('#form_id').submit();    
    return false;
  });
});

Answer 5

<script language="javascript">
  function submitform()
  {
    document.form1.submit();
  }
</script>

<form name="form1"></form>

<a href="javascript:submitform()">Submit</a>

Answer 6

（在SAFARI和FF / OSX上测试）我家里没有DOS机器。

问题的答案是肯定的。

这是你用普通Javascript编写代码的方法：

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      <title>Form Submit</title>
      <script>
        window.onload = function(){
          document.getElementById("linksubmit").onclick = function(){
            if(document.getElementById("foo").value != ''){
              document.forms[0].submit();
                  return false;
            }else{
              alert('Please fill in Foo');
            }
          }
        }
      </script>
  </head>
  <body>
    <form id="theform" action="index.html" method="post">
      <label for="foo">Foo</label>
      <input type="text" name="foo" id="foo" />
      <a href="javascript:void(0);" id="linksubmit">Submit</a>
    </form> 
  </body>
  </html>

这就是你用jQuery编写代码的方法：

$(document).ready(function(){
  $("#linksubmit").click(function(){
    if($("#foo").val()!=''){
  $("#theform").submit();
      return false;
    }else{
      alert('Please fill in Foo');
    }
  });
});

只需在脚本标记之间使用此部分而不是第一个示例。还记得添加jQuery源代码。 Google有一个易于使用的托管版本：http://code.google.com/apis/ajaxlibs/documentation/index.html#jquery

提交按钮问题

6 个答案: