javascript - 10 个字符后自动提交表单

Question

我希望当用户在输入字段中输入第十个字符时自动提交我的表单。

这是我的代码：

<form id="Form" action="action.php" method="post">
<input name="htno" type="text" value="" />&nbsp;
<input type="submit" value="Submit" />
</form>

我不知道如何使用 jQuery 或 ajax。

Answer 1

试试这个，使用 if 语句来检查输入的长度

$('#here').keyup(function () {
    if (this.value.length == 10) {
        $('#subHere').click();
    }
});

演示

Answer 2

在这里，您有一个可能的解决方案：

$(function () {
    $('#theText').bind('change keyup', function () {
        if ($(this).val().length >= 10) {
            $('#Form').submit();             
        }
    })

});​

（您需要将文本输入标识为“theText”）

小提琴：http: //jsfiddle.net/2R6vd/

Answer 3

这是演示

脚本是

$('#htno').keydown(function(){
    var vallenth=$(this).val().length;
    if(vallenth==10){
        alert('l');
        $('#Form').submit();
    }
    });​

Answer 4

试试这个代码：

$(document).ready(function(){
     $("#htno").keydown(function(){
          if($("#htno").val().length == 10){
                  $('#Form').submit();
                } 
          });
});

Answer 5

尝试 -

$(#id of the text field).keydown(function(e){
  if($(this).val().length == 10)
    $('#Form').submit()
});

见http://api.jquery.com/keydown/

阿贾克斯是不同的。提交表单时，它要么作为 HTML 请求，要么作为 JS (ajax)。HTML 将刷新页面。JS不会。