我是编程新手,我对jquery按钮有一些问题。
我想使用jquery按钮(jqueryUI)但它不起作用,我的页面显示“用户名和密码不正确!”但如果我使用普通按钮(没有login.js)就可以了
那我怎么解决这个问题呢?谢谢。
HTML表单: -
<form id="Login_form" method="post" action="sql_login.php">
<table>
<tbody>
<tr> <td colspan="2"></td> </tr>
<tr>
<td> <span> USERNAME : </span> </td>
<td> <input type="text" name="txt_username" id="txt_username" /> </td>
</tr>
<tr> <td colspan="2"></td> </tr>
<tr>
<td> <span> PASSWORD : </span> </td>
<td> <input type="password" name="txt_password" id="txt_password" /> </td>
</tr>
</tbody>
</table>
<input type="submit" value="Enter" class="Button" ></input>
</form>
javascript(login.js)
$(document).ready(function() {
$('.Button').button().click(function(event){
var usernameTxt = $('#txt_username').val();
var passwordTxt = $('#txt_password').val();
if (usernameTxt =="" || passwordTxt =="") {
alert("username or password required !");
return false;
}
else window.location = "sql_login.php";
});
});
Php代码(sql_login.php)
<?ob_start();?>
<?
session_start();
include("DB_Connect.php");
$sql = "SELECT * FROM user WHERE Username='".mysql_real_escape_string($_POST['txt_username'])."'
and Password = '".mysql_real_escape_string($_POST['txt_password'])."'";
$query = mysql_query($sql);
$result = mysql_fetch_array($query);
if(!$result)
{
echo "Username and Password Incorrect!";
} else {
$_SESSION["UserType"] = $result["UserType"];
session_write_close();
if($result["UserType"] == '0')
{
header("Location: ../User/User_Schedule.php");
}
else
{
header("Location: ../Admin/Admin_Schedule.php");
}
}
mysql_close();
?>
答案 0 :(得分:1)
如果出现问题,您需要阻止默认提交操作
$(document).ready(function(){
$('form[id=Login_form]').submit(function(event){
var usernameTxt = $('#txt_username').val();
var passwordTxt = $('#txt_password').val();
if (usernameTxt =="" || passwordTxt =="") {
alert("username or password required !");
event.preventDefault(); //prevent default submit action
}
});
})
答案 1 :(得分:0)
您应该使用post
或get
方法发送这些数据。你可以尝试:
$(document).ready(function() {
$('.Button').button().click(function(event){
var usernameTxt = $('#txt_username').val();
var passwordTxt = $('#txt_password').val();
if (usernameTxt =="" || passwordTxt =="") {
alert("username or password required !");
return false;
}else{
var dataString = "txt_username=" + usernameTxt + "&txt_password="passwordTxt;
$.ajax({
type: "POST",
url: /sql_login.php,
data:dataString,
success:function(data){
window.location(/User/User_Schedule.php)
}
});
}
});
});