码迷,mamicode.com
首页 > 其他好文 > 详细

登陆框(⊙o⊙)

时间:2015-03-03 11:22:33      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:

<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);

 

登陆框(⊙o⊙)

标签:

原文地址:http://www.cnblogs.com/niunaimidou/p/4310268.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!