Jquery 如何在输入字段中输入一定长度的文本后自动提交表单

Jquery 如何在输入字段中输入一定长度的文本后自动提交表单,jquery,forms,submit,Jquery,Forms,Submit,我正在为我的表单寻找一个自动提交功能,一旦用户在输入字段中输入一定长度的文本(比如说15个字符),它就应该提交表单 jQuery中是否有任何函数可以持续(在很短的时间间隔内)检查输入字段中文本的长度,并在满足所需字符数后运行函数?有什么想法吗 编辑: 我正在寻找以下功能: 用户使用表单进入页面-自动聚焦输入字段-用户使用扫描仪读取条形码-然后将条形码编号粘贴到输入字段中(不是keyup,keydown事件),并自动提交表单 已解决: 使用此函数捕获输入字段中的更改: $(#inputField)

我正在为我的表单寻找一个自动提交功能,一旦用户在输入字段中输入一定长度的文本(比如说15个字符),它就应该提交表单

jQuery中是否有任何函数可以持续(在很短的时间间隔内)检查输入字段中文本的长度,并在满足所需字符数后运行函数?有什么想法吗

编辑: 我正在寻找以下功能: 用户使用表单进入页面-自动聚焦输入字段-用户使用扫描仪读取条形码-然后将条形码编号粘贴到输入字段中(不是keyup,keydown事件),并自动提交表单

已解决: 使用此函数捕获输入字段中的更改:

$(#inputField).bind('input propertychange', function(){
  dostuff();  
});

让我们将
keyup
事件处理程序附加到文本字段,而不是在特定的
间隔检查输入字段中的文本长度。每次触发
keyup
事件时,我们都会检查长度是否超过15。如果有,我们将使用
.submit()
API提交表单

$('yourTextBoxSelector').on("change paste keyup", function(){
    if($(this).val().length >15){
        $('yourFormSelector').submit()
    }
});

更新:jQuery有一个事件
粘贴
。您可以使用它…

而不是在特定的
间隔检查输入字段中的文本长度,让我们将
keyup
事件处理程序附加到文本字段。每次触发
keyup
事件时,我们都会检查长度是否超过15。如果有,我们将使用
.submit()
API提交表单

$('yourTextBoxSelector').on("change paste keyup", function(){
    if($(this).val().length >15){
        $('yourFormSelector').submit()
    }
});

更新:jQuery有一个事件
粘贴
。您可以使用它…

以下是我的方法。这还考虑到用户复制和粘贴到输入区域

Jsfiddle->

代码如下:

var max = 15;
$('input').change(function(e)
{  
  if ($(this).val().length > max) { alert('form fired') }
}).keyup(function(e)
{  
  if ($(this).val().length > max) { alert('form fired') }
});​

下面是我的方法。这还考虑到用户复制和粘贴到输入区域

Jsfiddle->

代码如下:

var max = 15;
$('input').change(function(e)
{  
  if ($(this).val().length > max) { alert('form fired') }
}).keyup(function(e)
{  
  if ($(this).val().length > max) { alert('form fired') }
});​

这肯定会有用的,非常感谢,但是我应该添加这个重要的注释-如果我复制所需的长度为15的文本并将其粘贴到输入字段中会怎么样。您的答案如何转移到该案例中?@JanWrm我已经更新了我的答案,以考虑复制和粘贴。谢谢Sam,“keyup”事件很好。我实际上要做的是,我将使用扫描手枪(条形码阅读器)——它使用usb插入,一旦它读取条形码,它就会将其粘贴到指针聚焦的位置。在这种情况下,将不会出现“keyup”事件。在这种情况下有什么想法吗?@JanWrm:很简单。。在这种情况下,可以使用jQuery的
粘贴
事件。。。检查更新的答案:)已解决!我遇到了一个名为“InputPropertyChange”的事件,它正是我所需要的。谢谢大家的帮助。这肯定会有用的,非常感谢,但是我应该添加这个重要的注释-如果我复制所需的长度为15的文本并将其粘贴到输入字段会怎么样。您的答案如何转移到该案例中?@JanWrm我已经更新了我的答案,以考虑复制和粘贴。谢谢Sam,“keyup”事件很好。我实际上要做的是,我将使用扫描手枪(条形码阅读器)——它使用usb插入,一旦它读取条形码,它就会将其粘贴到指针聚焦的位置。在这种情况下,将不会出现“keyup”事件。在这种情况下有什么想法吗?@JanWrm:很简单。。在这种情况下,可以使用jQuery的
粘贴
事件。。。检查更新的答案:)已解决!我遇到了一个名为“InputPropertyChange”的事件,它正是我所需要的。谢谢大家的帮助。您好,您可以附加多个事件,如
$('yourSelector')。在('change keyup',function(){})
Hi上,您可以附加多个事件,如
$('yourSelector')。在('change keyup',function(){})