注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

前端开发那点事儿

冒犯之处,敬请谅解。

 
 
 

日志

 
 
 
 

BOOTSTRAP PHP 验证码  

2014-07-31 17:08:48|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
BOOTSTRAP PHP 验证码 - Diligent - PHP开发那些事儿
 


<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>供应商管理平台</title>
    <link href="http://evanwukong.blog.163.com/blog/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://evanwukong.blog.163.com/blog/js/jquery-1.9.1.min.js"></script>
    <script src="http://evanwukong.blog.163.com/blog/js/bootstrap.min.js"></script>
   
    <script src="http://evanwukong.blog.163.com/blog/js/html5shiv.js"></script>
    <script src="http://evanwukong.blog.163.com/blog/js/respond.min.js"></script>
    <script>
   
        function formSubmit(domObj){
            $('#warning_field').css('display','none');
            $(domObj).text('正在登录...');
              $.ajax({
                  url:"./login.php"
                  ,type: 'POST'
                  ,data: {
                      loginName: $('input:first').val()
                     ,loginPassword: $('input:eq(1)').val()
                  }
                  ,success: function(data){
                      var returnJson = eval('(' + data + ')');
                      if(returnJson.success){
                          window.location.href='http://evanwukong.blog.163.com/blog/main.html';
                      }else{
                        $(domObj).text('登录');
                        $('#warning_field').text('密码不正确!');
                        $('#warning_field').css('display','block');
                          alert('登录失败');
                      }
                  }
                });
        }
       
        function refreshCode(domObj){
            $(domObj).attr('src','http://cid/checkcode.php?' + new Date().getTime());
//防止缓存
        }
   
    </script>
   
    <style>
      body,html {
          background: #333;
          padding; 0;
          margin: 0;
          overflow: hidden;
      }
 
    </style>
    </head>
    <body>
    <div class='container'>
        <form class="form-horizontal col-md-4 col-md-offset-4"  style="margin-top: 240px;background: white;padding: 0 30px 30px 30px;" method='post'>
                <p class='page-header h3 text-center'><strong>管理平台</strong></p>
                <div class='form-group'>
                    <label class='control-label col-lg-4'>用户名:</label>
                    <div class='col-lg-8'>
                        <input type='text' class="form-control" placeholder="用户名" name='loginName' />
                    </div>
                </div>
               
                <div class='form-group'>
                    <label class='control-label col-lg-4'>密码:</label>
                    <div class='col-lg-8'>
                        <input type='password' class="form-control" placeholder="密码" name='loginPassword' />
                    </div>
                </div>
           
               
                <div class='form-group'>
                    <label class='control-label col-lg-4'>验证码:</label>
                    <div class='col-lg-4'>
                        <input type='text' class="form-control" placeholder="验证码" name='checkCode' />
                    </div>
                    <image class='col-lg-4' onclick="refreshCode(this)" src="http://cid/checkcode.php" />
                </div>
           
            <div class='form-group'>
                <div class='col-lg-4 col-lg-offset-4'>
                    <button type='button' class='btn btn-success btn-block' onclick="formSubmit(this);">登录</button>
                </div>
            </div>
            <p id='warning_field' style="float: right;display: none;color: red;font-weight: bold;font-size: 12px;"></p>
        <form>
    </div>
 
    </body>
</html>
  评论这张
 
阅读(1727)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017