2012-10-09 31 views
-1

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

这里是我的代码:

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

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

+7

#2是没有代码生成器。到目前为止,您尝试过哪些方面?您的研究工作在哪里,您卡在哪里? – Uooo

回答

3

试试这个,用一个if语句来检查输入

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

DEMO

+0

谢谢你这么多的工作 –

+0

@NishaReddy只是说谢谢是不公平的,upvote答案:) –

2

这里有一个可能的解决方案的长度:

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

});​ 

(您需要确定文本输入为“theText”)

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

-1

尝试 -

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

看到http://api.jquery.com/keydown/

Ajax是不同的。当提交表单时,它要么作为HTML请求或JS(ajax)。 HTML将刷新页面。 JS不会。

+0

谢谢你这么多工作 –

0

这里是DEMO

脚本

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

投票需要15声望,我有3个:( –

0

试试这个代码:

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

请使用语法高亮(请参阅:http: //stackoverflow.com/editing-help#comment-formatting) – simonmenke