2011-05-22 69 views
4

我想锚点应该像输入类型提交按钮。 我正在使用一个jQuery插件库,实际上使用输入类型提交,但我有我的按钮定位锚点。我不想用我想锚点应该像输入类型提交按钮

<input type="button"> 

<input type="submit"> 

我想用锚如

<a href="javascript to submit the form" ></a> 

这里是我的jQuery代码,我想用

{ 
    var submit = $('<button type="submit" />'); 
    submit.html(settings.submit);        
} 
$(this).append(submit); 
} 
if (settings.cancel) { 
    /* if given html string use that */ 
    if (settings.cancel.match(/>$/)) { 
     var cancel = $(settings.cancel); 
     /* otherwise use button with given string as text */ 
    } else { 
     var cancel = $('<button type="cancel" />'); 

如何使用锚而不是按钮。

+2

不知怎的,你的JS代码是不完整的。在更好的IMO中将按钮设计为锚点,因为如果JS被禁用,代码也可以工作。但无论如何,'

+2

'$('a')。click(function(){$('form')。submit()});' – pimvdb 2011-05-22 08:25:16

+0

我知道。实际上我只是展示了一个代码示例。只是告诉我如何使用锚点而不是

回答

15

如果你想要一个锚标记表现得像一个按钮,只是这样做

<!--YOUR FORM--> 
<form id="submit_this">.....</form> 
<a id="fakeanchor" href="#"></a> 

<script> 
    $("a#fakeanchor").click(function() 
    { 
    $("#submit_this").submit(); 
    return false; 
    }); 
</script> 
+0

这个在不久的将来也很充实:)。 thanx :) – 2011-05-22 08:41:05

2
<a id='anchor' href="javascript to submit the form" ></a> 

现在你可以使用jQuery来添加一个事件处理

$('#anchor').click(function (e) { 
    // do some work 

// prevent the default anchor behaviour 
e.preventDefault(); 
}) 

现在你愿意,你可以样式你的锚,它会作为一个普通按钮

3

由于您使用jQuery,只需使用$()来选择form元素,并在其上调用submit;钩这一切到锚通过$()找到锚和click挂钩的处理程序:

$("selector_for_the_anchor").click(function() { 
    $("selector_for_the_form").submit(); 
    return false; 
}); 

可能是最好的return false;取消对锚点击。


题外话:但是请注意,这使得你的页面完全无法使用没有JavaScript,以及使它更通过要求辅助技术(屏幕阅读器等),用户使用支持JavaScript的浏览器混乱。它使标记完全非语义。但既然你说很清楚,这是你想要做什么......

+0

非常感谢:) ..它的作品像一个魅力:) – 2011-05-22 08:39:20

1

你可以使用类型的图像输入(它可以作为一个提交按钮的形式),或在jQuery的:

$("a").click(function(event){ 
    event.preventDefault(); 
    $('form').submit(); 
}) 
+0

**所有**主播应提交**所有**表格? ;-) – 2011-05-22 08:30:31

+1

不,这只是一个例子。我没有一个水晶球知道OP有什么ID或类名... – Headshota 2011-05-22 20:41:21

+0

这是相当误导,没有*东西*说选择器做什么。 – 2011-05-22 20:44:28

2

又是怎么回事:

<form id="formOne"> 
     ... 
    <a href="..." onclick="formOne.submit()">link here</a> 
</form> 
+0

为我工作,谢谢! – 2016-01-28 00:44:42