Javascript 如何从输入字段中获取值并动态地将其传递给jQuery var?

Javascript 如何从输入字段中获取值并动态地将其传递给jQuery var?,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,伙计们!我有一个帖子,其中一个字段是: <input type="text" name="username" /> 在jQuery中,我放置了名为var用户名的var= 问题是,在用户点击提交按钮之前,如何交互式地将输入字段值传递给该变量?,将发现该字段的jQuery选择器是: var username = $('input[name="username"]').val(); 要在提交表单之前分配变量,您可以遵循Sudhir的答案,或者在提交表单时捕获变量: $(functi

伙计们!我有一个帖子,其中一个字段是:

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

在jQuery中,我放置了名为var用户名的var=


问题是,在用户点击提交按钮之前,如何交互式地将输入字段值传递给该变量?,

将发现该字段的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
    });
});

将找到该字段的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
    });
});
尝试:

$(“输入[name='username'])。模糊(函数(){ var username=$(this.val(); }); 你的意思是这样的吗?试试:

$(“输入[name='username'])。模糊(函数(){ var username=$(this.val(); });
你的意思是像这样的互动,你的意思是打字吗?然后在文本框上使用onKeyPress事件。如果您不想编写大量代码来监视光标位置,您可能必须执行一些奇怪的操作,例如创建一个setTimeout。

交互式地说,是指键入的吗?然后在文本框上使用onKeyPress事件。如果不想编写大量代码来监视光标位置,您可能必须执行一些奇怪的操作,例如创建一个setTimeout。

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

可在此处找到现场演示:


此外,可以使用的其他功能包括和。这三个函数的行为可以在上面的jsFiddle中观察到。

下面是另一种方法,它根据用户类型更新变量

可在此处找到现场演示:


此外,可以使用的其他功能包括和。这三个函数的行为可以在上面的jsFiddle中观察到。

您可能还需要向我们展示您的代码。from的JQuery片段,实际上我希望在用户键入时动态更改操作URL$('.quick login form').attr('action','http://'+window.document.location.hostname+appname+username);如果我写的像var username=example;而url是..结尾的示例。不幸的是,我仍然无法从输入字段绕过它;结果是NULYou可能也必须向我们展示您的代码。from的JQuery片段,实际上,我希望在用户键入时动态更改操作URL$('.quick login form').attr('action','http://'+window.document.location.hostname+appname+username);如果我写的像var username=example;而url是..结尾的示例。不幸的是,我仍然无法从输入字段绕过它;结果可能是NULYeah。现在变量是[object HTMLInputElement],是否可以添加更多参数?该表单也是由jQuery提供的。指定行为的开始,比如“改变”?是的,可能吧。现在变量是[object HTMLInputElement],是否可以添加更多参数?该表单也是由jQuery提供的。指定行为的开始,如“更改”?是的,它是。我是JAVA新手,因此无法澄清具体的代码应该是什么);Telmo Marques的回答包含了我所说的一个例子。他使用的是onKeyUp而不是onKeyPress,这有一些优点,也有一些缺点(比如,如果你按下字母并且不放开按钮,它在你放开之前不会注册)。是的,是的。我是JAVA新手,因此无法澄清具体的代码应该是什么);Telmo Marques的回答包含了我所说的一个例子。他使用的是onKeyUp而不是onKeyPress,这有一些优点,也有一些缺点(比如如果你按下字母,不放开按钮,它就不会注册,直到你放开为止)。@PranavKapoor谢谢,我根据你的演示改进了我的小提琴。@PranavKapoor谢谢,我根据你的演示改进了我的小提琴。