个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
这是我的index.html页面代码:-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</meta>
<title>School</title>
<script type="text/javascript" src="script/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="my_script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div style="margin:auto; width:1000px;">
<div class="flt topblock"> <a href="" class="flt1 tp_txtplay">Play School</a>
<br/><br/>
<div>
<form id='myform' method='post' action='welcome.php' >
<span class="flt1 lp_txtlog">Email ID</span>
<input name="username" type="text" id="username" class="flt lp_textbox" />
<br />
<span class="flt1 lp_txtlog2">Password</span>
<input name="password" type="password" id="password" class="flt lp_textbox2" />
button id="submit" class='flt lp_button'>Login</button>
</form>
<div id="ack"></div>
</div>
</div>
</div>
</body>
</html>
这是 my_script.js 代码:-
$("button#submit").click(function() {
if ($("#username").val() == "" || $("#password").val() == "")
$("div#ack").html("Please enter both username and password");
else
$.post($("#myForm").attr("action"),
$("#myForm :input").serializeArray(),
function(data) {
$("div#ack").html(data);
});
$("#myForm").submit(function() {
return false;
});
});
下面是我的welcome.php代码:-
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
</head>
<body>
<?php
$con = mysql_connect('localhost', 'root', 'Wahegurug@9');
mysql_select_db('test', $con);
if (!$con) {
die('Could not connect: ' . mysql_error());
}
$sql = "SELECT * FROM user ";
$res = mysql_query($sql);
if ($row = mysql_fetch_array($res)) {
if ($row['Username'] == $_POST['username']) {
if ($row['Password'] == $_POST['password']) {
echo'login successful';
} else {
echo'login failed';
}
}
}
?>
</body>
</html>
详细信息是:- 我在 Netbeans 7.3 中制作了这个项目并使用 xampp 服务器。我创建了一个简单的登录页面，并尝试使用 javascript 来防止输入错误凭据时提交页面。
在 my_script.js 中，我使用带有 id ack 的 div 向用户显示成功或错误消息。
我的问题是，即使输入了错误的凭据，用户仍然被重定向到welcome.php(我的表单的目标)。如何防止这种情况发生？
最佳答案
您需要做的是阻止默认操作。
改变
$("button#submit").click( function() {
到
$("button#submit").click( function(event) {
event.preventDefault();
此外，您还在这里显式调用提交函数:
$("#myForm").submit(function() {
return false;
});
也尝试删除此代码，它可能会在 $.post 调用完成之前解决
最后，你的 jquery 代码应该包装在 document.ready block 中......
$(document).ready(function(){
$("button#submit").click(function(event) {
event.preventDefault();
if ($("#username").val() == "" || $("#password").val() == "")
$("div#ack").html("Please enter both username and password");
else
$.post($("#myForm").attr("action"),
$("#myForm :input").serializeArray(),
function(data) {
$("div#ack").html(data);
});
});
});
至于您的welcome.php页面，这可能会更好地为您服务。
<?php
$con = mysql_connect('localhost', 'root', 'Wahegurug@9');
mysql_select_db('test', $con);
if (!$con) {
die('Could not connect: ' . mysql_error());
}
$sql = "SELECT * FROM user where Username = '".mysql_real_escape_string($_POST["username"])."'";
$res = mysql_query($sql);
if ($row = mysql_fetch_array($res)) {
if ($row['Password'] == $_POST['password']) {
echo'login successful';
return;
}
}
echo'login failed';
?>
这只会获取并检查相关用户的密码，并且在所有情况下都会返回失败。另外，我删除了框架页面标记，因为它被注入(inject)到现有页面中。
关于Javascript 在 php 项目中不起作用，用户仍然被路由到 php 页面而不是保留在当前页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16890231/
24
4
0
每次我尝试构建(执行完整的 Clean，然后构建)时，我都会在 Eclipse 的问题部分下弹出此错误消息。项目本身旁边还显示一个错误。 我已经尝试了同一问题的其他解决方案中包含的所有内容: 删除项目
我收到以下错误(注意:我使用的是 Netbeans): java.sql.SQLException: No suitable driver found for jdbc:derby://localho
例如 //somewhere struct IFace; struct Base { Base(IFace* iface): f(iface) { //wi
我试图通过 stringstream 将 double 变成字符串，但它不起作用。 std::string MatlabPlotter::getTimeVector( unsigned int xve
我正在尝试使用 AudioKit 框架中的音序器播放音频文件。 AudioKit.output = sampler AudioKit.start() sampler.enableMID
昨天我问了一个关于插入 Heroku 的问题。它不工作，然后突然开始工作。我什么都没改变。现在在一个新的应用程序上，我遇到了完全相同的问题。我决定包含我的整个 Gemfile，希望我可以继续没有这种令
我知道，这个topic已经是discussed许多times，所以直截了当。 这是ItemsSource的TabControl: Tabs = new ObservableCollection {
我有一个更新对象的函数，问题是当我从更新表单字段返回到详细 View 时，它初始化旧对象而不是更新后的对象。 我想在 CarService 而不是 app.js 中填充汽车列表 这是我的汽车服务:
在 resolution comments错误报告 12266 (“套接字连接错误导致资源泄漏”)，Robert Ehteshamzadeh 写道 TClientSocket is deprecate
我最初发布了一个问题 here 我发现 JTextField 仅在 JScrollPane 存在时才调整大小。换句话说，我可以根据需要最小化和最大化它，直到出现滚动条(因为文本太多，无法放入窗口)。之
我读过关于 postion:absolute 的问题并尝试了几乎所有可能的解决方案。包括相对定位 div，将它们包装在相对定位的父级中等等，但它没有帮助。 我正在绘制一个表格，然后我将 div 放入其
我在这里发起了一个话题document.getElementById not working但看起来即使提出的建议都是有效的，我仍然有问题。 我有几个复选框。当我在这里查看页面源代码时，有。 docu
我正在做一些阅读，试图更好地理解按位运算符，然后偶然发现了 a helpful old blog post from 2012 ，其中指出 - 在随机正整数 x 的奇数测试中 - 在作者的计算机上评估
我正在尝试在 Eclipse Neon 中使用 aspectj 创建一个示例 maven 项目。然而，方面并没有编织/工作(参见下面的输出)。我尝试寻找很多原因和解决方案，但没有一个有效(请参阅下面的
无论我如何配置我的 appsettings.json 和 appsettings.Development.json，除非我手动添加 ConfigureLogging，否则我无法在信息消息下方记录任何内
我正在尝试使用 JQuery .get() 方法和 JavaScript for 循环来处理来自外部文件的一些数据。我已经在 stackoverflow 上阅读了有关闭包和回调返回值的内容几个小时，但
我正在使用 PHP 5.6 并且要打印一些东西，我必须编辑 php.ini 并包含 php_printer.dll 文件。但是 PHP 5.6 没有.dll 文件。 我要解决的问题: 我想将凭证打印机
我目前正在调试一个包含内存泄漏的大(非常大!)C# 应用程序。它主要使用 Winforms 作为 GUI，尽管一些控件是在 WPF 中制作的，并由 ElementHost 托管。直到现在，我发现许多内
[已解决] 看来 PHP MYADMIN 变量成功了。我将 wait_timeout 设置为 30 ，并将 Lock_wait_timeout 设置为 50 花了将近 6 个小时才恢复稳定，包括几次重
我读过几个关于该主题的讨论，有人说 qmake < 3.0 不正确支持该指令。我刚刚为 g++-64 重新安装了 Qt 5.9.1，但问题仍然存在。此外，我尝试过各种 mkspecs/xxx/xxx.
我是一名优秀的程序员,十分优秀！