console
$('#verification').hide();
$('#login').click(function () {
if ($(":text").val().length == 0) {
$('#username').focus();
$("#errorMessage").html(
"请您填写手机/邮箱/用户名");
} else if ($(":password").val().length == 0) {
$('#password').focus();
$("#errorMessage").html(
"请您填写密码");
$('#verification').show();
} else if ($('#verification').val().length == 0) {
$('#verification').focus();
$('#errorMessage').html("请您填写验证码");
}
});
$('#verification').blur(function () {
if ($('#username').val().length != 0 && $('#password').val().length != 0) {
if ($('#verification').val().length == 0) {
$('#errorMessage').html("请您填写验证码");
} else if ($('#verification').val() != 'yzm') {
$("#errorMessage").html(
"您输入的验证码有误: " + $('#verification').val());
} else {
$("#errorMessage").html('');
}
}
});
<div class="zongti">
<div class="class1">
<div>
<nav class="class2">
<a href="http://jsrun.net/fjkKp/show">
<b >首页
</b></a>
<a href="https://jsrun.net/MVYKp/show">
<b > 国际</b>
</a>
<a |href="http://jsrun.net/fjkKp/show">
<b > </b>
</a>
<a href="https://jsrun.net/5VYKp/show">
<b > 军事</b>
</a>
<a href="http://jsrun.net/fjkKp/show">
<b > 国内</b>
</a>
<a href="http://jsrun.net/fjkKp/show">
<b > 台海</b>
</a>
<a href="http://jsrun.net/fjkKp/show">
<b > 评论</b>
</a>
<a href="http://jsrun.net/fjkKp/show">
<b > 社会</b>
</a>
</nav>
<div id="menu" style="width:200px;float:left; height:300px">
<b>聚焦</b><br/><br/>
<p id="errorMessage"></p>
<input id="username" type="text" name="uresname">
<br>
<input id="password" type="password" name="password"><br>
<input id="verification" type="text" >
<br>
<button id="login"> 登录</button>
<ul>
<li><p><a href="http://jsrun.net/fjkKp/show"> 政治形势</a></p></li>
<li><p><a href="http://jsrun.net/fjkKp/show"> 经济发展</a></p></li>
<li><p><a href="http://www.swkk.com/">奇人异事</a></p></li>
<li><p><a href="http://jsrun.net/fjkKp/show">天气状况</a></p></li>
<li><p><a href="https://zhidao.baidu.com/question/353044817.html">名人名事</a></p></li>
<li><p><a href="http://jsrun.net/fjkKp/show">国际风云</a></p></li>
<li><p><a href="http://jsrun.net/fjkKp/show">企业风采</a></p></li> <li><p><a href="http://jsrun.net/fjkKp/show"> 科学技术</a></p></li>
</ul>
</div>
<hr><hr/>
<div id="content" style="background-color:#EEEEEE;height:400px;width:550px;float:left;">
<img src="http://himg2.huanqiu.com/attachment2010/2017/0508/20/43/20170508084301591.jpg"
title="新闻" class="img-thumbnail" style="width:100%"
data-bd-imgshare-binded="1">
<hr><hr/>
<hr><hr/>
<hr><hr/>
</div>
</div>
</div>
<div class="div1">
<p style=text-align:center>最近更新</p>
<ul>
<li><a href="http://www.jj.net/a/renwu/805.html">小学四年级女儿早恋：称对方为老公。。</a></li>
<li><a href="http://www.zgxwjj.net/a/guoji/802.html">山东潍坊摊贩与城管起冲突，城管队员称遭摊贩尖刀板砖威胁</a></li>
<li><a href="http://www.zgxwjj.net/a/jujiao/804.html">专访前中国驻法大使赵进军：知道抓住老鼠就是好猫的法国新总统应清楚中国人购买力拉开大幕</a></li>
<li><a href="http://zgxwjj.net/a/jujiao/569.html">军方权威媒体近日的公开新闻报道低调披露，南部战区陆军、西部战区陆军等均已组建边防旅。</a></li>
<li><a href="http://www.zgxwjj.net/a/fazhi/756.html">广州市委书记涉嫌严峻违纪违法被查。。(附简历)</a></li>
<li><a href="http://www.zgxwjj.net/a/fazhi/694.html">曝成人奶妈网站被警方捣毁 向成人提供喂奶处事</a></li>
<li><a href="http://www.zgxwjj.net/a/guona/789.html">王岐山被传在家做饭招待老友 不赴饭局不收月饼</a></li>
<li><a href="http://www.zgxwjj.net/a/mingxingqiye/762.html">2014中国软件百强企业名单宣布：华为居首. 小米仅居第38位。</a></li>
</ul>
</div>
.zongti{
width:900px;
margin:auto;
}
.class1{
text-align:left;
height:50px;
}
.class2 {
text-align: center;
background-color:red;
margin: 0px;
padding: 25px;
height:5px;
width:700px;
}
#menu
{
color:red;
}
h1
{
color:red
}
#header
{
font-family:"隶书"；
}
#box
{
border-radius:10px;
height: 60px;
width: 628px;
border: 1px solid red;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px；
font-family:"隶书" ;
font-size:20px;
}
#content
{
}
ul
{
font-family:"隶书" ;
font-size: 18px;
}
#footer
{
font-family:"隶书"
}
#content
{
font-family:"隶书"
}
.div1{
float:left;
text-align:left;
}