聯(lián)系官方銷售客服
1835022288
028-61286886
投訴
尋求開發(fā) 彈出式登錄窗口怎么實現(xiàn)有示例代碼嗎這種效果
17 0
彈出式登錄窗口怎么實現(xiàn)？有示例代碼嗎？這種效果
<form id="myform"> {dr_form_hidden()} <div class="form-group"> <div class="input-icon"> <i class="fa fa-user"></i> <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="賬號/郵箱/手機(jī)" name="data[username]"> </div> </div> <div class="form-group"> <div class="input-icon"> <i class="fa fa-lock"></i> <input class="form-control placeholder-no-fix" type="password" autocomplete="off" placeholder="登錄密碼" name="data[password]"> </div> </div> <div class="form-group"> <div class="input-group login-code"> <div class="input-icon"> <i class="fa fa-code"></i> <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="驗證碼" name="code"> </div> <div class="input-group-btn fc-code"> {dr_code(120, 35)} </div> </div> </div> <div class="form-actions"> <label class="rememberme mt-checkbox mt-checkbox-outline"> <input type="checkbox" name="remember" value="1"> 記住登錄 <span></span> </label> <button type="button" onclick="dr_ajax_member('{dr_member_url('login/index')}', 'myform');" class="btn green pull-right"> 登錄 </button> </div> </form>這個登錄代碼放到任意頁面都可以用
回復(fù)@藝貓
感謝分享
回復(fù)@125762285
他這個登錄有缺陷~ id 修改一下
回復(fù)@藝貓
大神 把注冊的也放出來 借鑒下！謝謝
回復(fù)@yogaq
登錄操作很簡單，注冊操作麻煩一點！要兼容后臺設(shè)定
{table table=member_setting name=register} {php $register = json_decode($t.value,true);} {/table} <form id="myform_reg"> {dr_form_hidden()} <div class="form-body" style="padding-bottom:0"> {if in_array('username', $register.field)} <div class="form-group" id="dr_row_username"> <label class="col-md-2 control-label">賬號</label> <div class="col-md-9"> <label><input type="text" class="form-control input-large" name="data[username]" id="dr_username"></label> </div> </div> {/if} {if in_array('email', $register.field)} <div class="form-group " id="dr_row_email"> <label class="col-md-2 control-label">郵箱</label> <div class="col-md-9"> <label><input type="text" class="form-control input-large" name="data[email]" id="dr_email"></label> </div> </div> {/if} {if in_array('phone', $register.field)} <div class="form-group " id="dr_row_phone"> <label class="col-md-2 control-label">手機(jī)號</label> <div class="col-md-9"> <label><input type="text" class="form-control input-large" name="data[phone]" id="dr_phone"></label> </div> </div> {/if} <div class="form-group " id="dr_row_password"> <label class="col-md-2 control-label">密碼</label> <div class="col-md-9"> <label><input type="password" class="form-control input-large" name="data[password]" id="dr_password"></label> </div> </div> <div class="form-group " id="dr_row_password2"> <label class="col-md-2 control-label">確認(rèn)密碼</label> <div class="col-md-9"> <label><input type="password" class="form-control input-large" name="data[password2]" id="dr_password2"></label> </div> </div> {$myfield} {if $register.sms} <div class="form-group" id="dr_row_sms"> <label class="col-md-2 control-label">短信驗證</label> <div class="col-md-10"> <div class="input-group input-large"> <input class="form-control placeholder-no-fix" type="text" autocomplete="off" id="dr_sms" name="sms"> <div class="input-group-btn"> <button class="btn blue" onclick="dr_ajax_url('/index.php?s=member&c=api&m=register_code&id='+$('#dr_phone').val()+'&code='+$('#dr_code').val())" type="button">獲取手機(jī)驗證碼</button> </div> </div> </div> </div> {/if} {if $register.sms || $register.code} <div class="form-group" id="dr_row_code"> <label class="col-md-2 control-label">驗證碼</label> <div class="col-md-9"> <div class="input-group input-large"> <input class="form-control placeholder-no-fix" type="text" autocomplete="off" id="dr_code" name="code"> <div class="input-group-btn fc-code"> {dr_code(120, 35)} </div> </div> </div> </div> {/if} <div class="form-actions" style="margin-top:30px"> <label class="col-md-2 control-label"></label> <div class="col-md-9" style="padding-left:5px;"> <label><button type="button" class="btn red" onclick="dr_ajax_member('{dr_member_url('register/index')}', 'myform_reg');"> 立即注冊</button></label> <label class="mt-checkbox mt-checkbox-outline" style="margin-left:20px;"> <input type="checkbox" name="is_protocol" value="1" checked> 我已閱讀并同意 <span></span> </label> <label> <a href="javascript:dr_show_protocol();">《用戶注冊協(xié)議》</a> </label> </div> </div> </div> </form>回復(fù)@Booid.com
謝謝！研究學(xué)習(xí)下！
回復(fù)@Booid.com
回復(fù)@Booid.com
能幫忙看看嘛 搞不定
<div class="col-md-11 col-lg-10"> <h2>創(chuàng)建一個賬號</h2> <p class="lead">個人賬號或者企業(yè)賬號</p> <div class="row"> <div class="col-12"> {loop $register.group $i} <div class="col-lg-6 col-md-6 col-md-offset-6 col-6"> <a class="btn block btn--icon bg--twitter type--uppercase {if $groupid == $i}active{/if}" href="{dr_member_url('register/index', ['groupid' => $i])}"> <span class="btn__text"> <i class="socicon-twitter"></i> {$group[$i][name]} </span> </a> </div> {/loop} </div> </div> <hr data-title="OR"> <form id="myform_reg"> {dr_form_hidden()} <div class="row form-body" style="padding-bottom:0"> {if in_array('username', $register.field)} <div class="col-12" id="dr_row_username"> <input type="text" class="form-control input-large" name="data[username]" id="dr_username" placeholder="用戶名" > </div> {/if} {if in_array('email', $register.field)} <div class="col-12" id="dr_row_email"> <input type="text" class="form-control input-large" name="data[email]" id="dr_email" placeholder="郵箱" > </div> {/if} {if in_array('phone', $register.field)} <div class="col-12 " id="dr_row_phone"> <input type="text" class="form-control input-large" name="data[phone]" id="dr_phone" placeholder="手機(jī)號" > </div> {/if} <div class="col-12 " id="dr_row_password"> <input type="password" class="form-control input-large" name="data[password]" id="dr_password" placeholder="密碼" > </div> <div class="col-12" id="dr_row_password2"> <input type="password" class="form-control input-large" name="data[password2]" id="dr_password2" placeholder="確認(rèn)密碼" > </div> {$myfield} {if $register.sms} <div class="col-12" id="dr_row_sms"> <div class="col-6"> <input class="form-control placeholder-no-fix" type="text" autocomplete="off" id="dr_sms" name="sms" placeholder="短信驗證" > </div> <div class="col-6"> <button class="btn blue" onclick="dr_ajax_url('/index.php?s=member&c=api&m=register_code&id='+$('#dr_phone').val()+'&code='+$('#dr_code').val())" type="button">獲取手機(jī)驗證碼</button> </div> </div> {/if} {if $register.sms || $register.code} <div class="col-12" id="dr_row_code"> <div class="col-6"> <input class="form-control placeholder-no-fix" type="text" autocomplete="off" id="dr_code" name="code" placeholder="驗證碼"> </div> <div class="col-6"> {dr_code(120, 35)} </div> </div> {/if} <div class="col-12"> <button type="button" class="btn btn--primary" onclick="dr_ajax_member('{dr_member_url('register/index')}', 'myform_reg');" style="width: 100%">立即注冊</button> </div> <div class="col-12"> <div class="input-checkbox"> <input type="checkbox" name="is_protocol" value="1" checked id="input-assigned-0"> <label for="input-assigned-0"></label> </div> <span>我已閱讀并同意<a href="javascript:dr_show_protocol();"><span>《用戶注冊協(xié)議》</span> </a></span> </div> </div> </form> </div>有需要嗎？我做好了的站，還未上線
回復(fù)@Booid.com 強(qiáng)烈需要啊，謝謝
這個好看
回復(fù)@Booid.com
回復(fù)@Booid.com
分享分享，分享萬歲！
回復(fù)@唉呦喂
樓主沒發(fā)話，我等著他的懸賞（設(shè)置懸賞）呢！我已經(jīng)剝離出來了，隨時可以分享！
都有很多工具集，贊，大家很多素材。人多力量大
大神們，還有一個找回密碼功能，也一趟寫在這個貼里撒！