Question

我的代码有问题.. 我希望在填写长度为10位数的文本框后自动提交。

这是我的javascript代码

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script>

    $("#idnya").on("input propertychange", function()
        {
            if($(this).val().length ==15){
            $("#max").submit()
        }
    });

    </script>

</script>

这是我的PHP代码

<?php
include "koneksi.php";

echo"

<body>
    <form id=max name='cingcing' action='lanjut.php' method='POST'>
    <center>

        <table>
        <tr>
            <td colspan=2> <center> id </center> </td>
        </tr>
        <tr>
            <td> id number </td> <td> <input type=password id='idnya' name='idnya2'> </td> 
        </tr>
    </center>
    </form>
</body>
";
?>

Answer 1

在文档准备好之前，页面无法安全操作。＆＃34;我想你忘记了ready功能。要检查长度，您可以绑定keyup事件，如下所示。

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#idnya").on("keyup",function(){
                if($(this).val().length == 10){
                    $("#max").submit();
                }
            });
        });
    </script>

Answer 2

这可能有助于你

    <?php
    include "koneksi.php";
    echo "
    <html><head></head>
    <body>
        <form id=max name='cingcing' action='lanjut.php' method='POST'>
        <center>

            <table>
            <tr>
                <td colspan=2> <center> id </center> </td>
            </tr>
            <tr>
                <td> id number </td> <td> <input type=password id='idnya' name='idnya2'> </td> 
            </tr>
            </table>
        </center>
        </form>

    </body>
    </html>";
    ?>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script>

        $("#idnya").on("input propertychange", function()
        {
            if ($(this).val().length == 15) {
                $("#max").submit()
            }
        });

    </script>

Answer 3

只需使用此

更改脚本即可

$("#idnya").on("input propertychange", function()
    {
        if($(this).val().length ==10){
        $("#max").submit()
    }
});

</script>

Answer 4

JSFIDDLE演示在这里使用keyup或更改

  $("#idnya").keyup(function()
    {
        if($(this).val().length ==15){
        $("#max").submit()
    }
  });

// OR USE CHANGE它会在您不在焦点时运行

  $("#idnya").change(function()
    {
        if($(this).val().length ==15){
        $("#max").submit()
    }
  });

Javascript自动提交表单不起作用

4 个答案: