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();
    }
});

DEMO

Answer 2

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

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

});

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

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

Answer 3

以下是DEMO

脚本是

$('#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/

ajax与众不同。提交表单时，它可以作为HTML请求或JS（ajax）。 HTML将刷新页面。 JS不会。

10个字符后自动提交表单

5 个答案: