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

【问题标题】：jquery fetching blank value from input fieldjquery从输入字段中获取空白值
【发布时间】：2011-03-27 20:12:36
【问题描述】：

我有一个表单，它有 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 有什么问题吗？

【问题讨论】：

你的意思是有 $name 吗？我知道当我同时使用 php 和 Javascript 时，它有时会潜入其中，但是当你使用 JQuery 时很难判断它是否是一个小故障。
您的代码似乎运行良好：jsfiddle.net/nogoodatcoding/p4rTG
请看我的帖子，我已经用 index.html 文件的链接更新了我的帖子，我怀疑它是否与 DOM 有关？？
@Ibrahim 即使这似乎工作正常：jsfiddle.net/nogoodatcoding/MknfR/3 - 我所做的唯一更改是将您的 bxslider 代码移动到 click 处理程序之后，因为该脚本没有加载小提琴
我建议通过删除除 jQuery 之外的所有额外内容来简化您的页面，确保其正常工作，然后一一添加您的外部 JS 文件和功能，直到出现问题。

标签： jquery html forms

【解决方案1】：

很奇怪。它工作得很好。在这里测试：http://jsfiddle.net/PLm5a/。

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

问候

【讨论】：

我已经用我的 index.html 的链接更新了我的帖子。它根本不适合我。 dom有什么问题吗？如果您想查看我的 index.html 文件，请点击此处的链接。 jsfiddle.net/MknfR
我试过你的代码。我删除了包含的 js/css 文件（主要和 bxslider 插件，因为它们无法访问）。代码工作正常：jsfiddle.net/PLm5a/1
大声笑，这很有趣，是的，它可以在 jsfiddle 中运行，没有任何问题，我对其进行了测试。但我可以保证它在我的浏览器上不起作用，在 OSX 10.6.6 上的 chrome、firexox 和 safari 中进行了测试
@Ibrahim：我很确定它来自插件/主文件中的错误。无论如何，我编辑的代码应该可以在任何兼容 jQuery 的浏览器上运行。
@Zakria，是的，这也是我想知道的，我想我必须使用纯 js 而不是 jquery 来进行表单验证和 ajax 请求来发送邮件。我希望至少可以正常工作.. :) 班加罗尔已经是凌晨 2:30 了，现在太累了，无法查看。我明天试试。无论如何，感谢您的帮助，我非常感谢:)

【解决方案2】：

尝试在 HTML 源代码中添加一个空值属性：

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

【讨论】：