<a href>而不是<input submit>按钮

Question

我原来有一个提交按钮.

<input class="submit" type="submit" class="input" value="Add" name="command" />

但现在我想用一个<a href>代替.问题是,这value="Add"非常重要.

我现在正在<a href>这样做.

<a href="javascript:document.register.submit();">submit</a>

有什么建议？问题是,网站没有发现这个特定的<a href>点击,因此不会运行我的PHP代码.

Answer 1

正如佩卡建议:不要这样做.这将使您的表单不必要地依赖于JavaScript!

最好的办法是使用CSS来设置按钮的样式,使其看起来像一个链接:

input.submit {
  margin: 0;
  padding: 0;
  border: none;
  color: blue;
  background-color: transparent;
  text-decoration: underline;
}

Answer 2

首先我强烈推荐jquery。它在使用 javascript 时会产生很大的不同，并简化了许多问题，尤其是跨不同浏览器的问题。

我建议您创建一个隐藏输入来设置值。

<script type="text/javascript">
function submitFormWithValue(val){
  document.getElementById('command').value = val;
  document.forms["test"].submit();
}
</script>

<form id="test" name="test" action="#" method="post">
<input type="hidden" name="command" value="" />
</form>

<a href="javascript:submitFormWithValue('foo')">Submit</a>

我没有测试我的代码，但它应该足够接近以了解它是如何工作的。再次检查 jquery 它将使处理 javascript 更容易！