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

Question

Dudes！我已经这种POST表单一个字段是：

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

在jQuery中我放置变种称为变种的用户名 = < ---这里代码--->;

的问题是如何交互的输入字段的值传递给该变种用户之前撞提交按钮？

Answer 1

的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 2

尝试：

 

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

你的意思是这样的

Answer 3

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

Answer 4

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

现场演示可以在这里找到：http://jsfiddle.net/EnS8T/11/

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

}); 

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