Javascript 自动提交表单不起作用

标签 javascript php forms submit

我的代码有问题.. 我想让它在文本框中填写长度为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>
";
?>

最佳答案

在文档“准备就绪”之前,无法安全地操作页面。我认为您忘记了 ready 函数。要检查长度,您可以绑定(bind) 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>

关于Javascript 自动提交表单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26709522/

相关文章:

javascript - 使用 Sequelize.js 时在哪里定义关联/关系?

javascript - 一段时间后关闭Bootstrap Modal

php - 导出到 Excel 时隐藏 html 列

php - 如何保存ajax数据而不因点击后退按钮而丢失?

PHP:文件上传 move_uploaded_file() 不工作

javascript - Flask 处理前端 AJAX 调用错误的正确方法

javascript - 从vue js中的多选框中检索选定的值

php - Jenkins checkstyle.xml 不匹配任何内容 : 'build' exists but not 'build/logs/checkstyle. xml

Java Swing : form with text fields

javascript - Chrome td 标签中 Html-form-elements 的 Onchange 事件