在输入上使用 jquery val() 后 PHP $_POST 为空

Question

我想检查出生年份的输入值。我发现如果我使用 jquery 函数 val() 来获取此输入的值，那么此输入的 php post 将为空。不使用 val() 也能正常工作。在这里你可以看到代码的重要部分。它不是那么重要的形式能力，但检查是否写有任何不适当或任何错误的内容会很有用。

感谢您的帮助。

<?php
if (!empty($_POST['rn']) && isset($_POST['rn'])){
    // proceed
} else {
    echo "You haven't filled all inputs";
}
?>
<script>
$("#kontrolaButton").click(function(){
    var rok = parseInt($("#rok_nar").val(),10);
    if (rok > 1900 && rok < 2016) {
        $("#odeslatButton").trigger('click');
    };
});
</script>
<form accept-charset="utf-8" method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" class="send_form">

<input class="bold" id="rok_nar" type="text" name="rn" placeholder="Rok narození"/>
<input type="button" value="Odeslat" name="kontrola" id="kontrolaButton" /> 
<input type="submit" value="Odeslat" name="odeslat" id="odeslatButton" style="visibility: hidden;" />

</form>

更新:我大概已经发现问题了。我没有写在这里，因为我不认为这是一个问题。我的脚本如下所示:

$("#kontrolaButton").click(function(){
    var rok = parseInt($("#rok_nar").val(),10);
    alert(rok);
    if (rok > 1900 && rok < 2016) {
        $("#odeslatButton").trigger('click');
    };
});

删除警报后，代码可以工作:/有趣...

Answer 1

看起来您试图在加载 dom 之前访问它。我没有看到文件准备好。您需要将脚本粘贴到准备好的文档中，以便延迟直到 dom 完全解析为止，或者将逻辑移动到页面底部，以便在您尝试查找元素时元素已经存在。