提交按鈕問題

我可以將例如<a href="#">submit</a>的鏈接轉換爲表單的提交按鈕嗎？如果是這樣如何？我使用PHP，MySQL，XHTML和CSS。提交按鈕問題

來源

2010-05-01 tagME

– Tangurena 2010-05-01 18:55:17

爲什麼不使用提交按鈕？ – kennytm 2010-05-01 19:31:19

不是一個真正的。

您可以用JavaScript來僞裝它，但這違反了Rule 2。

你可以使用CSS來使提交按鈕看起來像一個鏈接，但這通常不是一個好主意（雖然仍然比使用JS更好）。用戶期望按鈕可以提交表單，而鏈接只需要去某個地方。違反期望是可用性差。

來源

2010-05-01 18:48:39 Quentin

用JavaScript你可以做的onclick

jQuery中：

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

編輯：（我寫的onclick！）

來源

2010-05-01 18:49:13 joanballester

你可以調用提交（）的形式。喜歡：

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

這是我真的不會推薦的東西，但它是你的問題的答案。

來源

2010-05-01 18:53:27

@Francisco Soto：是的，這應該工作，但請注意，這是反對JavaScript的侵擾做法:) – Sarfraz 2010-05-01 20:27:02

是的，這就是我說我不會推薦它:)，只是回答了他的問題。 – 2010-05-01 20:46:04

嗯明白了你的觀點。 – Sarfraz 2010-05-01 20:53:48

您可以使用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; 
    }); 
});

來源

2010-05-01 19:02:08 Sarfraz

-2

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

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

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

來源

2010-05-01 19:02:37 cosy

爲什麼downvotes？這是否不回答這個問題？ – 2011-02-25 17:15:38

-2

（測試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源代碼。谷歌有一個很好用的託管版本：http://code.google.com/apis/ajaxlibs/documentation/index.html#jquery

來源

2010-05-01 19:20:21

提交按鈕問題

回答

相關問題