如果php验证失败，jquery会在刷新后继续显示div

Question

我有一个选择框，使用jquery显示和隐藏表单元素。隐藏和展示工作。但是当我提交表单时，如果出现PHP验证错误，则刷新后隐藏的表单将被隐藏。我已搜索并搜索但无法找到符合我的代码的解决方案。如果存在验证错误，那么有人可以告诉我如何显示提交的表单。请参阅下面的代码。

<script>
$(function() {
    $('#colorselector').change(function(){
        $('.colors').hide();
        $('#' + $(this).val()).show();
    });
});
</script>


<form action="" onSubmit="return validateForm(this)" method="post" name="form">
<select id="colorselector">
 <option selected></option>
 <option value="1">1</option>
 <option value="2">2</option>
 </select>

<div id="1" class="colors" style="display:none">
 <input type="text" name="1">
 <button type="submit" name="submit">Submit</button> 
</div
><div id="2" class="colors" style="display:none">
 <input type="text" name="1">
 <input type="text" name="2">
 <button type="submit" name="submit">Submit</button>
</div></form>