首页 > 代码库 > 弹出框
弹出框
//发送验证码 $("#get_phone_code").click(function(){ reset_passwd_phone(); }) function reset_passwd_phone(){ $(‘#reset_passwd_phone‘).modal(); } <div class="modal fade" id = "reset_passwd_phone"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button> <h4 class="modal-title">重置密码</h4> </div> <div class="modal-body"> <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> </div> <div class="form-group"> <label for="exampleInputPassword1">Password</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary">保存</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <!-- 手机号重置密码结束--> <input class="input-xlarge pull-left" type="text" id="pwd" name="phone_code" placeholder="验证码" style="width:100px;" > <input type="button" id = "get_phone_code" value="http://www.mamicode.com/获取验证码">(验证码将发送到 <span style="color:red;"><?php echo $userInfo[‘mobile‘];?> </span> 这个手机上)若您尚未验证手机号码,请至<a href="http://www.mamicode.com/account_info">账户信息</a>栏目进行验证
//发送验证码 $("#get_phone_code").click(function(){ reset_passwd_phone(); })
function reset_passwd_phone(){ $(‘#reset_passwd_phone‘).modal(); }
<div class="modal fade" id = "reset_passwd_phone"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button> <h4 class="modal-title">重置密码</h4> </div> <div class="modal-body"> <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> </div> <div class="form-group"> <label for="exampleInputPassword1">Password</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> </div>
</form> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary">保存</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --><!-- 手机号重置密码结束-->
<input class="input-xlarge pull-left" type="text" id="pwd" name="phone_code" placeholder="验证码" style="width:100px;" > <input type="button" id = "get_phone_code" value="http://www.mamicode.com/获取验证码">(验证码将发送到 <span style="color:red;"><?php echo $userInfo[‘mobile‘];?> </span> 这个手机上)若您尚未验证手机号码,请至<a href="http://www.mamicode.com/account_info">账户信息</a>栏目进行验证
弹出框