Question

我希望用户在表单中输入数字2000，并在他们输入最后一个0时将其带到下一个网页。我不希望他们按下回车键或按钮。

我在想这样的事情，但我无法解决该怎么做：

<form id="form" action="#" method="post" name="result" style="align:center;">
<td>
     <input type="text" name="id" id="input_field" maxlength="10">
</td>
</form>

<script>
$("#input_field").keyup(function(){
     if($(this).val().length == 4)
        $('#form :submit').click();
})

我尝试过以下方法，但仍然没有自动提交：

<form id="form" action="#" method="post" name="result" style="align:center;">
 <input type="text" name="id" id="input_field" maxlength="4">
</form>

<script>
$("#input_field").keyup(function(){
 if($(this).val().length == 4 && $(this).val() == "2000") {
     $('#form')
           .attr({action: "stackoverflow.com"})
           .submit();
 }
 })
</script>

Answer 1

也许你正在寻找这个

 $("#input_field").keyup(function(){
     if($(this).val().length == 4 && $(this).val() == "2000") {
         $('#form')
               .attr({action: "YOUR-DESTINATION.php"})
               .submit();
     }
 });

看到它正常工作：

https://jsfiddle.net/o3uyk190/

Answer 2

$("#input_field").keyup(function(){

     field_value = $(this).val();

     // There's no point checking for length. If you want
     // to submit when they enter 2000 make that your IF
     if(field_value == 2000) {
         $('#form').submit();
     }

});

如果用户在表单中输入2000，则自动进入网页

2 个答案: