如何在提交时模拟表单中的操作？

Question

第一:始终是同一个动作.二:表单有多个"CSS SUBMITS"之类

<form action="/myaction" method="POST">
<a id="foo1" name="foo1" href="#" role="form_button">submit1!</a>
<a id="foo2" name="foo2" href="#" role="form_button">submit2!</a>
<a id="foo3" name="foo3" href="#" role="form_button">submit3!</a>
<input type="submit" id="canfoo" name="canfoo" value="I can process this"/>
</form>
<script>
$('a[role=form_button], div[role=form_button], span[role=form_button]').bind( 'click', function(){ $('form').submit(); } );
</script>

我怎么能在/ myaction中这样做:

if ($_POST['foo1']) { action; return; } // :(
if ($_POST['foo2']) { action; return; } // :(
if ($_POST['foo3']) { action; return; } // :(
if ($_POST['canfoo']) { action; return; } // THIS WORKKKKKSS!!

我怎样才能使foo1,foo2,foo3工作？

(我使用jQuery:

$('a[role=form_button], div[role=form_button], span[role=form_button]').bind( 'click', function(){ $('#actiontodo').val(this.id); $('form').submit(); } );

),然后,在另一方(行动),

我做:

IF ($_POST['ACTIONTODO'] == "foo") { action; return; }

但是,我不喜欢这个解决方案!我想要<行为和<输入类型="提交"

非常感谢您的帮助!

Answer 1

你不应该优先考虑视觉而不是可用性,这是一个巨大的错误.无论如何,您可以设置任何按钮/输入的样式,以满足您的需求,没有任何问题,只需抓住一个很好的CSS教程.

不要重新发明轮子.