<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;">
<title>jQuery手机获取验证码表单代码</title>
<link href="css/layer.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/layer.js"></script>
<script type="text/javascript" src="js/phone.js"></script>
<script type="text/javascript" src="js/the_code.js"></script>
</head>
<body>
<div class="the-code">
<div class="the-header">
<div class="the-title">
<h3>关联手机号</h3>
<h3>享需求状态实时推送</h3>
</div>
<div class="phone-icon state-animate">
<div class="ear">
<span class="left-ear"></span>
<span class="right-ear"></span>
</div>
<div class="eyebrows">
<span class="left-eyebrows"></span>
<span class="right-eyebrows"></span>
</div>
<div class="eyes">
<div class="left-eye">
<span></span>
</div>
<div class="right-eye">
<span></span>
</div>
</div>
<div class="mouth"></div>
</div>
</div>
<div class="the-content">
<div class="the-tips">关联成功后,您将享受遗下服务:发布成功立刻通知,状态变化实时推送等,帮助您最快获取各种信息。</div>
<form action="#" class="the-forms">
<input type="tel" class="login_ipt error" id="add_phone" value="" name="yzm_tel" placeholder="请输入您的手机号码" />
<input type="button" class="close_tel" id="addSendCode" value="获取验证码" onClick="sendAddmes()" />
<input type="number" name="code" class="code error" id="code" value="" placeholder="请输入验证码" />
<div class="updateBtn">
<button type="button">提交</button>
</div>
</form>
</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源:<a href="http://www.lanrenzhijia.com/" target="_blank">懒人</a></p>
</div>
</body>
</html>