Question

我有一个表单，其中有2个输入和1个texatarea，当用户提交表单时，表单的默认行为被停止，以便为ajax请求设置方式。这是我正在使用的代码。

$(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"/>

它会在警告框中正确显示您的姓名。我的代码出了什么问题？

更新：

这是我的整个index.html（http://jsfiddle.net/MknfR/）文件，DOM有什么问题吗？

Answer 1

尝试向HTML源添加空值属性：

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

Answer 2

非常奇怪。它很棒。在此测试：http://jsfiddle.net/PLm5a/。

请使用该链接自行测试，以确保它不是来自您的开发环境。

此致

jquery从输入字段中获取空白值

2 个答案: