我想錨點應該像輸入類型提交按鈕

我想錨點應該像輸入類型提交按鈕。我正在使用一個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" />');

如何使用錨而不是按鈕。

來源

2011-05-22 Mossawir Ahmed

不知怎的，你的JS代碼是不完整的。在更好的IMO中將按鈕設計爲錨點，因爲如果JS被禁用，代碼也可以工作。但無論如何，'

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

我知道。實際上我只是展示了一個代碼示例。只是告訴我如何使用錨點而不是

如果你想要一個錨標記表現得像一個按鈕，只是這樣做

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

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

來源

2011-05-22 08:28:56 mazlix

這個在不久的將來也很充實:)。 thanx :) – 2011-05-22 08:41:05

<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(); 
})

現在你願意，你可以樣式你的錨，它會作爲一個普通按鈕

來源

2011-05-22 08:27:37 Ibu

由於您使用jQuery，只需使用$()來選擇form元素，並在其上調用submit;鉤這一切到錨通過$()找到錨和click掛鉤的處理程序：

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

可能是最好的return false;取消對錨點擊。

題外話：但是請注意，這使得你的頁面完全無法使用沒有JavaScript，以及使它更通過要求輔助技術（屏幕閱讀器等），用戶使用支持JavaScript的瀏覽器混亂。它使標記完全非語義。但既然你說很清楚，這是你想要做什麼......

來源

2011-05-22 08:27:56

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

你可以使用類型的圖像輸入（它可以作爲一個提交按鈕的形式），或在jQuery的：

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

來源

2011-05-22 08:28:42 Headshota

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

不，這只是一個例子。我沒有一個水晶球知道OP有什麼ID或類名... – Headshota 2011-05-22 20:41:21

這是相當誤導，沒有*東西*說選擇器做什麼。 – 2011-05-22 20:44:28

又是怎麼回事：

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

來源

2015-05-15 19:24:24 dani24

爲我工作，謝謝！ – 2016-01-28 00:44:42

我想錨點應該像輸入類型提交按鈕

回答

相關問題