登录不跳转页面当前页面注册

求在登录页面中,加个注册按钮,点击注册按钮,不跳入注册页面,就在当前页面完成注册

7个回答

用js控制action,页面只是用户看的。你只需要关心数据传到哪一个controller就行了。


写个隐藏的div?点击注册,调用javascript,去掉隐藏的样式removeClass(“hidden”);提交这个div里的表单,完成注册?

用模态框就可以,下一个Bootstrap 模态框(Modal)插件并引入。















$("#submit_button").click(function(){ //显示模态框 $("#registration").modal("show"); }); $("#user_submit").click(function(){ //获取用户名 var user_name = $("#user_name").val(); //获取密码 var user_psd = $("#user_psd").val(); //隐藏模态框 $("#registration").modal("hide"); $.ajax({ type: "POST", url: "添加用户信息方法的路径", async: false, data: { user_name: user_name, user_psd:user_psd, }, success: function(data){ alert("成功注册") } }); });

隐藏div,可以试试实现一个模态框

//补充一下前台部分
    <div><input type="button" id="submit_button" value="注册"></div>
    <div class="modal fade" id="registration" tabindex="-1" role="dialog" aria-labelledby="registrationLabel" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" role="document" style="width: 300px !important;">
        <div class="modal-content">
                                <input type="text" id="user_name" value = "用户名">
                                <input type="text" id="user_psd" value = "密码">
                                <input type="button" id="user_submit" value="提交">
            </div>
        </div>
    </div>
</div>

就是多写一个模态框咯或者就是简单的js控制show()和hide()的方法

用模态框,填写之后,用ajax提交就可以了,

参考:

http://v3.bootcss.com/javascript/#modals

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!