【发布时间】：2016-10-06 05:52:23
【问题描述】：
我有两个按钮，登录和注册。如果我点击登录按钮，登录模式应该打开，注册按钮意味着注册模式应该打开。
我想要做的是，在打开注册模式后，我想验证表单并将值插入数据库。但是当我点击 register_submit 时，什么都没有发生。
<!-- Admin Extension -->
<script src="http://preview.oklerthemes.com/porto-admin/edge/assets/javascripts/theme.admin.extension.js"></script>
<script src="http://preview.oklerthemes.com/porto-admin/edge/assets/vendor/jquery-validation/jquery.validate.js"></script>
<script>
$(document).ready(function(){
$('#register_submit').click(function(){
alert();
if($('#registerForm').valid()){
/*$.ajax({
url:'register_bussiness.php',
type:'POST',
data: $('form#registerForm').serialize(),
success:function(data){
//var res=jQuery.parseJSON(data);// convert the json
console.log(data);
if(data == "Success"){
$('#btn-submit').prop('disabled', true);
$("#bussiness_suc_alert").show();
$("#bussiness_suc_alert").fadeOut(2000);
}
},
});*/
return false;
}
});
});
</script><li><button class="btn btn-primary" data-toggle="modal" data-target="#registerModal">Register</button></li>
<li style="margin-left: 10px;"><button class="btn btn-primary" data-toggle="modal" data-target="#loginModal">Login</button></li>
<div class="container">
<div class="modal fade" id="loginModal" role="dialog">
<div class="modal-dialog" style="z-index: 9999;">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" style="padding:5px 50px;">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4>Login</h4>
</div>
<div class="modal-body" style="padding:40px 50px;">
<form role="form">
<div class="form-group">
<label for="usrname">Username</label>
<input type="text" class="form-control" id="usrname" placeholder="Enter Name">
</div>
<div class="form-group">
<label for="psw"> Password</label>
<input type="text" class="form-control" id="psw" placeholder="Enter password">
</div>
<div class="checkbox">
<label><input type="checkbox" value="" checked>Remember me</label>
</div><br>
<button type="submit" class="btn btn-info btn-block">Login </button>
</form>
</div>
</div>
</div>
</div>
<!--######
Login From End
#######--->
</div>
<div class="container">
<div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="smallModalLabel" aria-hidden="true">
<div class="modal-dialog" style="z-index: 9999;">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header" style="padding:5px 50px;">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4>Register</h4>
</div>
<div class="modal-body" style="padding:40px 50px;">
<form method="POST" id="registerForm" class="form-horizontal form-bordered">
<div class="form-group">
<label for="usrname"> Username</label>
<input type="text" class="form-control" id="username" placeholder="Enter name">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="text" class="form-control" id="email" placeholder="Enter email">
</div>
<div class="form-group">
<label for="psw">Password</label>
<input type="text" class="form-control" id="psw" placeholder="Enter password">
</div>
<div class="form-group">
<label for="psw"> Mobile</label>
<input type="text" class="form-control" id="psw" placeholder="Mobile Number">
</div><br>
<!--<button type="submit" class="btn btn-info btn-block">Submit</button>-->
<input type="button" class="btn btn-info btn-block" id="register_submit" name="submit" value="INVITE QUOTES">
</form>
</div>
</div>
</div>
</div>
</div><!-- /.container -->【问题讨论】：
-
尝试创建独立的 js 函数（不在文档内部），调用
function register()然后你可以通过按钮上的onclick=register()事件调用它 -
什么不起作用？我看到您在提交中禁用了您的代码，这就是原因。你的模式没有关闭吗？ ..我不明白你的意思，它不起作用？
标签： javascript php jquery twitter-bootstrap