jquery從輸入字段獲取空白值

我有一個表單，它有2個輸入和1個texatarea，當用戶提交表單時，表單的默認行爲被停止，以便爲ajax請求提供方式。這裏是我使用的代碼。jquery從輸入字段獲取空白值

$(document).ready(function(){ 
    $('input#submit').click(function(){ 
     $name = $('input#name').val(); 
     alert($name); 
    return false; 
    }); 
});

，這裏是我的HTML表單

<form action="" method="post" id="mail-form"> 
    <label for="name">Name *</label><br/> 
    <input type="text" name="name" id="name"/><br/> 
    <label for="email">Email *</label><br/> 
    <input type="text" name="email" id="email"/><br/> 
    <label for="message">Message *</label><br/> 
    <textarea id="message"></textarea> 
    <input type="submit" name="submit" value="Send" id="submit"/> 
</form>

當我點擊提交它只是顯示在警告框，即使我在輸入名稱字段值的一些空白值按鈕。而如果我使用下面的代碼形式。

<input type="text" name="name" id="name" value="yourname"/>

它正確顯示您的名字在警告框中。我的代碼有什麼問題？

UPDATE：

這裏是我的整個index.html（http://jsfiddle.net/MknfR/)file，是有什麼錯DOM？

來源

2011-03-27 Ibrahim Azhar Armar

您的意思是有$ name嗎？我知道當我在使用php和Javascript的同時，它有時會潛入那裏，但很難判斷當你使用JQuery時它是否是一個小故障。 – 2011-03-27 20:16:19

你的代碼似乎工作得很好：http://jsfiddle.net/nogoodatcoding/p4rTG/ – 2011-03-27 20:17:55

請看看我的文章，我已更新我的文章鏈接到index.html文件，我懷疑它是否有東西用DOM做什麼？ – 2011-03-27 20:36:01

非常怪異。它效果很好。在這裏測試：http://jsfiddle.net/PLm5a/。

請自行測試該鏈接，確保它不是來自您的開發環境。

Regards

來源

2011-03-27 20:17:20 Zakaria

我已經更新了我的帖子，鏈接到了我的index.html。它根本不適用於我。可能是dom出了問題。incase你想查看我的索引.html文件是鏈接http://jsfiddle.net/MknfR/ – 2011-03-27 20:29:20

我試過你的代碼，我刪除了包含的js/css文件（main和bxslider插件，因爲它們不可訪問）。：//jsfiddle.net/PLm5a/1/ – Zakaria 2011-03-27 20:41:02

大聲笑，這很有趣，是的，它在jsfiddle中沒有任何問題，我測試它。但我可以保證它不能在我的瀏覽器上工作，在Chrome瀏覽器，firexox和safari上測試過OSX 10.6.6 – 2011-03-27 20:44:55

嘗試添加一個空值屬性的HTML源代碼：

<input type="text" name="name" id="name" value=""/>

來源

2011-03-27 20:15:45

nope that does not work :( – 2011-03-27 20:18:24

jquery從輸入字段獲取空白值

回答

相關問題