2012-10-09 51 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