登陆框(⊙o⊙)

<form id="loginFrm" role="form" method="post" novalidate="novalidate">
            <input type="text" class="form-control" name="username" id="username" placeholder="电子邮箱">
            <div class="form-group">
                <input type="text" class="form-control" name="username" id="username" placeholder="电子邮箱">
                <i class="icon icon-user"></i>
                <!-- 错误信息 popover -->
                <div class="err-popover-out">
                    <div class="err-popover">
                        <div class="tri-right"></div>
                        <div class="tri-right-in"></div>
                        <div class="err-popover-content"></div>
                    </div>
                </div>
                <!-- 错误信息 popover end -->
            </div>
            <div class="form-group">
                <input type="password" class="form-control" id="password" name="password" placeholder="密码">
                <i class="icon icon-lock"></i>
                <!-- 错误信息 popover -->
                <div class="err-popover-out">
                    <div class="err-popover">
                        <div class="tri-right"></div>
                        <div class="tri-right-in"></div>
                        <div class="err-popover-content"></div>
                    </div>
                </div>
                <!-- 错误信息 popover end -->
            </div>
            <div class="form-group clearfix">
                <div class="form-left">
                    <input type="text" class="form-control" id="ccap-text" name="ccap" placeholder="验证码">
                    <i class="icon icon-shield"></i>
                </div>
                <div class="form-right">
                    <img class="ccap" src="/getccap?0006851273356005549">
                </div>
                <!-- 错误信息 popover -->
                <div class="err-popover-out">
                    <div class="err-popover">
                        <div class="tri-right"></div>
                        <div class="tri-right-in"></div>
                        <div class="err-popover-content"></div>
                    </div>
                </div>
                <!-- 错误信息 popover end -->
            </div>
            <div class="checkbox">
                <label class="a" for="rem_me">
                  <input type="checkbox" id="rem_me" class="auto">记住我
                </label>
                <a href="/retrieve" class="pull-right a">忘记密码?</a>
            </div>
            <button type="submit" id="submit" class="btn btn-blue form-control"><span>登录</span></button>
            <div class="checkbox no-padding">
                <a href="/reactive" class="a text-center">重发激活邮件</a>
            </div>
        </form>
(function($) {
    $.fn.placeholder = function() {
        if (!Modernizr.input.placeholder) {
            $(‘[placeholder]‘).focus(function() {
                var input = $(this);
                if (input.attr(‘type‘) !== ‘password‘ && input.attr(‘placeholder‘) != 0) {
                    if (input.val() == input.attr(‘placeholder‘)) {
                        input.val(‘‘);
                        input.removeClass(‘placeholder‘);
                    }
                }

            }).blur(function() {
                var input = $(this);
                if (input.attr(‘type‘) !== ‘password‘ && input.attr(‘placeholder‘) != 0) {
                    if (input.val() === ‘‘ || input.val() === input.attr(‘placeholder‘)) {
                        input.addClass(‘placeholder‘);
                        input.val(input.attr(‘placeholder‘));
                    }
                }

            }).blur().parents(‘form‘).submit(function() {
                $(this).find(‘[placeholder]‘).each(function() {
                    var input = $(this);
                    if(input.attr(‘type‘) !== ‘password‘ && input.attr(‘placeholder‘) != 0){
                        if (input.val() == input.attr(‘placeholder‘)) {
                            input.val(‘‘);
                        }
                    }

                });
            });
        }
    };
})(jQuery);
时间: 2024-10-28 21:36:43

登陆框(⊙o⊙)的相关文章

关于e.preventDefault() 阻止默认行为 对登陆框限制输入的解决方法

当登陆框div内的length 为0时,执行e.preventDefault() //删除左后空格 function trim(str){ return str.replace(/(^\s*)|(\s*$)/g,''); } if (trim(this.innerHTML).length==0) e.preventDefault(); //div内长度0时候 执行阻止默认行为,否则不执行

Android的弹出登陆框的实现

最近在做一个项目,要用到登陆框,几经波折,最后用的是直接将Activity的Theme属性设置成Dialog,然后达到了我想要的效果. 下面是我的实现经历: 1.首先,我是直接使用AlertDialog来实现,确定是,形状有点难看,而且获得Dialog里面的控件略显麻烦(因为我要做的登陆框有一定的布局),然后就给我就放弃了,可能因为我太水了,不能很好的使用它 2.然后我就使用PopupWindow来实现,界面是达到了我的要求,控件的获得通过Inflater就可以获得了相对较简单,但是有一个缺点就

页面登陆框老是乱乱的?banner跨页图片缩小之后总是在側面不能显示主要部分?哈哈~我来帮你忙~~

有banner背景图片和登陆框的html.css排布 目的:无论页面大小,背景图片都要居中(显示图片中间主要内容,而不是側面的一些东西),登陆框基本能在页面内显示. 盒子的排列应该是这种: <div id="index-banner-background"> <!--用来放背景图片以及设置内容--> <div id="index-logbox">                <!--做一个大盒子,用来盛放登陆框-->

javascript实现弹出登陆框效果

先来看看效果吧 初始情况下 2.点击登陆按钮  3.点击close按钮,或者单击灰色区域后,登陆窗口会消失. html结构 <body> <span class="btn" id="BTN">login</span> </body> css样式 *{ margin: 0; padding: 0; } .btn{ position: absolute; top: 50px; right: 100px; display:

基于jQuery鼠标点击弹出登陆框效果

基于jQuery鼠标点击弹出登陆框效果.这是一款扁平样式风格的jQuery弹出层登陆框特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <input type="button" class="one" value="点击我查看效果" /> <div class="box"> <div class="box2"> <div class=&quo

(6)C# 之 ADO.NET 登陆框详解

几乎学习到任何一种编程语言,登陆框案列都是必不可少的,那么今天我也来写一篇登陆框案例详解. ①首先是建立数据库表,如下图 ◇说明:errortimes这个字段,主要作用在于每次用户输入错误之后,errortimes就会自增1,当errortimes达到3的时候,该账户就会被锁定.如果用户在errortimes达到3之前成功登陆了,那么errortimes值就会清. ②然后新建一个WPF窗口,如下图 ③双击“登陆按钮”,开始写代码,具体代码如下: 1 if (username.Text.Lengt

模仿Windows飞行视窗的登陆框

<html> <head> <title>模仿Windows飞行视窗的登陆框丨</title> <style> body { padding:0px; margin:0px; background-Color:black; border-width:0px; font-size:12px; color:#DDD; overflow:hidden; } #divLogin { padding:30px; background-Color:#E9FF

第三 课 简易登陆框

一.效果图 二.. 三.源码 <!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="keywords" content="关键词"> <meta name="description" content="描述"> <title>登陆框</titl

table+css与xhtmL+css实现同一登陆框(代码片段)

1.从网上下载了一个不错的登录框样式(table结合css布局): 2.初学xhtmL,自己改写了一下,希望有用 3. 我怎么不会上传截图呢?  ?1. [代码]xhtml_css组合    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml

phoenixframe自动化测试平台对div弹出框(如弹出的div登陆框)的处理

package org.phoenix.cases; import java.util.LinkedList; import org.phoenix.action.WebElementActionProxy; import org.phoenix.enums.LocatorType; import org.phoenix.model.CaseLogBean; import org.phoenix.model.UnitLogBean; /**  * div形式的弹出框的处理,如登陆  * @aut