Question

花花公子！我有一个POST表单，其中一个字段是：

<input type="text" name="username" />

在jQuery中，我把var放在名为 var username =＆lt; --- code here ---＆gt ;;

问题是如何在用户点击提交按钮之前 以交互方式将INPUT字段值传递给此var ？

Answer 1

尝试：


$("input[name='username']").blur(function() {
  var username = $(this).val();
});

你的意思是这样吗

Answer 2

将找到该字段的jQuery选择器是：

var username = $('input[name="username"]').val();

要在提交表单之前分配变量，您可以按照Sudhir的回答，或在提交表单时捕获它：

$(function() {
    $('#yourFormid').submit(function() {
        var username = $('input[name="username"]', this).val();
        // do work
        return true; // true to submit the form, false to cancel submission
    });
});

Answer 3

这是另一种在用户输入时更新变量的方法。

可在此处找到实时演示：http://jsfiddle.net/EnS8T/11/

var username = "";
$(document).ready(function()
{
    $("[name='username']").keyup(function()
    {
        username = $(this).val();     
    });

});

除了keyup()之外，可以使用的其他功能包括keydown()和keypress()。这三个函数的行为可以在上面的jsFiddle中观察到。

Answer 4

通过交互式，你的意思是打字？然后在文本框中使用onKeyPress事件。你可能不得不做一些奇怪的事情，比如创建一个setTimeout，如果你不想写很多代码来监视光标位置。

如何从INPUT文件中获取值并将其传递给jQuery var？

4 个答案: