HML表单提交后如何运行jQuery代码

Question

这是我的JavaScript代码：

<script type="text/javascript">
     $(document).ready(function(){
           $('#saveBtn').click(function(){
            var prenom_length = $('#form_prenom').val().length;
            if (prenom_length<5) {
                $('#prenom_error').html("please enter an other name");
            }
           });   

       });
</script>

提交表单后几秒钟，jQuery代码正在工作，并在重新加载页面之前显示错误文本，但是在重新加载页面后它消失了，我希望即使在刷新页面后也要保留相同的文本？

Answer 1

如果我对您的理解正确，那么您想在某人提交表单后显示一条错误消息，以便他们知道他们应该对此进行更正。默认情况下，如果您以HTML格式按下提交按钮，浏览器会将请求发送到服务器，服务器将为用户提供一个新页面。

您想防止最后的情况发生。浏览器应该执行您的jQuery，并且如果您发现表格中的错误，则希望防止该默认提交到服务器。碰巧（双关语意）jQuery可以做到这一点，请查看文档here。