[英]why jQuery/AJAX button don't working
我有一個用jQuery AJAX請求提交的登錄表單。 我想使用“按鈕”能夠提交表單。但是只有“按鈕”對功能(數據)沒有響應
HTML:
<form action="" method="post" class="form-signin">
<input type="text" placeholder="Username" id="user" class="form-control loginid">
<input type="text" placeholder="Password" id="password" class="form-control loginpw">
<input type="text" placeholder="Check" id="check" class="form-control ck_secure">
<div class="captcha_block">
<span id="captcha" class="captcha"></span>
<a href="#" class="change" onclick="captchaCode()"> <img src="img/change.svg" alt="" class="photo04"></a>
</div>
<!-- <a href="#" class="login" id="login">Sign In</a> -->
<!-- <input id="login" type="button" class="btn btn-lg btn-primary btn-block" value="Sign In"> -->
<button id="login" class="btn btn-lg btn-primary btn-block" name="login">Sign In</button>
JavaScript的:
$("#login").click(function(){
if($('#code').text() != $('#check').val()){
alert('error');
location.reload();
}
else{
$.post('./process.php',
{
type : 'login',
user : $('#user').val(),
Passwd: $('#password').val()
},
function(data){
alert(data);
window.location.href = '../';
});
}
});
process.php:
if($_POST['type'] == 'login'){
$login_row = @mysql_fetch_assoc(@mysql_query("SELECT * FROM `person` WHERE `user` = '".$_POST['user']."' AND `password` = '".$_POST['Passwd']."'"));
if($login_row)
{
$_SESSION['user'] = $login_row['user_name'];
echo 'welcome';
}else
{
echo 'Incorrect username/password. please login again';
}
}
在“ 登錄” type=button
中添加屬性type=button
,如下所示。
<button type="button" id="login" class="btn btn-lg btn-primary btn-block" name="login">Sign In</button>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.