如何使用Jquery和Javascript在当前页面的Div中显示错误消息

我试图建立一个交付页面。我在标题中提到的问题是如何在当前页面的div中显示错误消息（比如在表单顶部）

下面是我的一些HTML：

<div id="erroMsg"></div>
<form name="shipForm" action="#" method="post" onSubmit="return checkForm()">
    <table>
        <tr>
            <td align="left" bgcolor="#FFFFFF">&nbsp;
                <select name="P_COUNTRY">
                    <option value="AU stralia">Australia</option>
                    <option value="New zealand">New zealand</option>
                    <option value="Europe">Europe</option>
                    <option value="US">US</option>
                    <option value="Canada">Canada</option>
                    <option value="other">other</option>
                </select>
            </td>
            <td align="right">
                <input type='submit' id="ship" name="submit" value='Next' />
            </td>
        </tr>
    </table>
</form>

这对我来说很有效，但是，消息的内容会很快闪烁和消失。 实际上，我想要的是在

div

中写入消息。但既然我将我的页面重定向到当前页面，在刷新之后，它就消失了，如何避免这种情况？

---

还是应该使用jQuery？怎么做？

猜测您在这里有一个错误：

_form.password.focus();

如果

\u表单上没有
.password
，则
.focus（）
将抛出类型错误，并防止
返回false防止发生

删除该行，它可能会工作。
这对我来说很好：

 <div id ="erroMsg"></div>
         <form name="shipForm" action ="#" method="post" onSubmit="return checkForm()">
         <table>
        <tr><td align="left" bgcolor="#FFFFFF">&nbsp;
               <select name="P_COUNTRY">
        <option value="">None</option>
        <option value="AU stralia">Australia</option>
        <option value="New zealand">New zealand</option>
        <option value="Europe">Europe</option>
        <option value="US">US</option>
        <option value="Canada">Canada</option>
        <option value="other">other</option>
        </select></td>
        <td align ="right"><input type='submit' id ="ship" name= "submit" value='Next'/></td>
        </tr></table>
        </form>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
        <script>

            function isNull(ele) {  
                var _form = document.shipForm;  
                if (_form[ele].value == "") {  
                    _form[ele].focus();  
                    return true;  
                }  
                return false;  
            }  
            function checkForm(){  
                var _form = document.shipForm;
                if (isNull("P_COUNTRY")) {  
                    $("#erroMsg").html("x Select Country").css("color","red").css("fontSize","10px").show();  
                    return false;  
                } 
            }

    </script>


没有一个
澳大利亚
新西兰
欧洲
美国
加拿大
其他
函数为空（ele）{
var _form=document.shipForm；
如果（_form[ele].value==“”）{
_表单[ele].focus（）；
返回true；
}  
返回false；
}  
函数checkForm（）{
var _form=document.shipForm；
如果（isNull（“P_国家”）{
$（“#erromg”）.html（“x选择国家”）.css（“颜色”、“红色”）.css（“fontSize”、“10px”）.show（）；
返回false；
} 
}
< /代码> POST全HTML代码，以及您所说的重定向？考虑使用“文档”、“GETELMENTSB BYName”（“船型”）或“$”（[Name＝“船型”]）代替全局变量“文档”.StabyFe，并考虑使用“ID”，而“name”不必是唯一的。我应该把_form.P_COUNTRY.focus（）；对吗？@user2295136:如果你想聚焦那个元素，那就值得一试。我应该把什么放在那里：输入的名称、id或值？@user2295136:名称。反正也没有身份证。
 <div id ="erroMsg"></div>
         <form name="shipForm" action ="#" method="post" onSubmit="return checkForm()">
         <table>
        <tr><td align="left" bgcolor="#FFFFFF">&nbsp;
               <select name="P_COUNTRY">
        <option value="">None</option>
        <option value="AU stralia">Australia</option>
        <option value="New zealand">New zealand</option>
        <option value="Europe">Europe</option>
        <option value="US">US</option>
        <option value="Canada">Canada</option>
        <option value="other">other</option>
        </select></td>
        <td align ="right"><input type='submit' id ="ship" name= "submit" value='Next'/></td>
        </tr></table>
        </form>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
        <script>

            function isNull(ele) {  
                var _form = document.shipForm;  
                if (_form[ele].value == "") {  
                    _form[ele].focus();  
                    return true;  
                }  
                return false;  
            }  
            function checkForm(){  
                var _form = document.shipForm;
                if (isNull("P_COUNTRY")) {  
                    $("#erroMsg").html("x Select Country").css("color","red").css("fontSize","10px").show();  
                    return false;  
                } 
            }

    </script>