jquery onsubmit 返回 false 不起作用-6ren

jquery onsubmit 返回 false 不起作用

转载作者：行者123 更新时间：2023-12-01 05:33:41

26

4

我正在尝试使用 script.js 上的 onsubmit return false 来验证防止 index.php 表单重定向到 login.php。 script.js 文件从 login.php 获取 ajax 响应。但 onsubmit 返回 false 不起作用。这是代码

索引 php 文件

<html>
<head>
<title>Untitled Document</title>

<script src="jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="script.js" type="text/javascript"></script>
</head>

<body>
<form id="myForm"   action="login.php" method="POST">
Username:<input type="text"  id="username" name="username"><br  />

Password:<input type="password"  id="password" name="password"><br  />
<button id="submit">Login</button>

</form>
<div id="ack"></div>

</body>
</html>

登录php文件

<?php 
include("dbcon.php");
$username = mysql_real_escape_string($_POST["username"]);
$password = mysql_real_escape_string(md5($_POST["password"]));

$sql = "select count(*) from users WHERE username='$username' 
AND password='$password '";
$res= mysql_query($sql);
$row =  mysql_fetch_array($res);

if( $row[0] >0 )
echo "login successful";
else
echo "login failed";
?>

脚本js文件

$("button#submit").click( function(){
    if( $("#username").val()=="" || $("#password").val()=="")

    $("div#ack").html("Please enter username and password");
    else
    $.post( $("#myForm").attr("action"),//attribute eg login.php
    $("#myForm :input").serializeArray(),//break data into key value pairs
               function(data){//catch daat from login.php eg login failed or login                                      
                $("div#ack").html(data);    
    });

    $("#myForm").submit( function(){
        });
return false;

    });

任何形式的帮助将不胜感激

最佳答案

您可以在点击事件中使用preventDefault函数。

$("button#submit").click( function(event){
if( $("#username").val()=="" || $("#password").val()=="")

$("div#ack").html("Please enter username and password");
else
$.post( $("#myForm").attr("action"),//attribute eg login.php
$("#myForm :input").serializeArray(),//break data into key value pairs
           function(data){//catch daat from login.php eg login failed or login                                      
            $("div#ack").html(data);    
});
event.preventDefault();
return false; 
});

关于jquery onsubmit 返回 false 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35334291/

26

4

0

文章推荐： javascript - 没有jquery的Bootstrap框架

文章推荐： django - 无法连接 'str' 和 'tuple' 对象 - Django - johnny 缓存

javascript - `onsubmit && !onsubmit()` 是做什么的？
在下面的代码中，看起来 onsubmit && !onsubmit() 试图防止意外提交表单两次。 Search: function submitform() { if(documen
javascript - 如果同时定义了 onsubmit 事件和 onsubmit 属性怎么办？
如果 onsubmit 事件和 onsubmit 属性都定义在同一个表单上会怎样？让我们举个例子:- ... function validate() { alert("
javascript onsubmit = 函数产生'无法设置 onsubmit : object is null or undefined 的属性
标题基本上说明了一切。我遇到的错误: document.forms[0].onsubmit = validateForm; 这是在我的 .js 文件的最顶部。这重要吗？ Unable to set
javascript - onsubmit ="submitForm();"和 onsubmit ="return submitForm();"有什么区别
下面的示例是否意味着表单将提交两次？ function submitForm(){ document.myForm.submit(); } 我有一个错误，有时会记录每条记录中的两个。我怀疑它是
javascript - 带表单验证 : why onsubmit ="return functionname()" instead of onsubmit ="functionname()"?
这个问题不言自明。我不明白 return 在以下代码中做了什么: 最佳答案您需要 return 以便将 true/false 传递给表单的提交事件(该事件会查找它并在它得到 false 时阻止提交
javascript - onsubmit ="return false"和 onsubmit ="javascript:return false"之间的区别
两者有什么区别 onsubmit="javascript:return false" 和 onsubmit="return false" ？最佳答案第一个示例以 label 开头(可以链接到 br
javascript - 当使用 EventHandler 动态添加 onsubmit 时，如何创建与 onsubmit ="return groupAdd()"相同的功能？
用于仅添加带有按钮的onclick事件并收集数据，甚至不需要表单元素，而是使用HTML5您可以利用错误检查和用户提交表单时显示的默认消息。由于类型是email并且存在require属性，浏览器将检
javascript - (Redux 表单)您必须将 onSubmit 函数传递给 handleSubmit() 或将 onSubmit 作为 prop 传递
我是一个 super React-redux 初学者，刚刚开始从事我的第一个个人项目。我正在尝试使用 Redex-form 构建提交表单，但遇到了第一个我无法克服的错误...这是我唯一可以提出问题的地
javascript - Redux 表单 - 您必须将 handleSubmit() 传递给 onSubmit 函数或将 onSubmit 作为 Prop 传递
我想创建一个简单的表单，它接受一个电子邮件地址，然后将其添加到我们的数据库中。我选择了 React Forms，因为它促进了整个开发过程并减少了时间。但是，当我尝试 POST 我的表单时出现此错误:
angular - 表单控件值在禁用时变为空 OnSubmit
我有以下 Angular 7 表单: ngOnInit() { this.organizationId = 1; // Used for testing this.form = this.fo
javascript - Onsubmit 事件拒绝触发
所以我有这个代码。 class Validationator { constructor() { this.initValidation() } ini
javascript - onsubmit 需要重新加载页面
我在 coldfusion 页面中有一个表单。点击插入表格的保存按钮后，我需要在选择框中使用表格的新值重新加载页面。虽然页面在提交后刷新，但我无法在下拉列表中看到新插入的值。只有在手动刷新页面后我才能
Javascript - onsubmit 在页面加载时激活
我有以下 JavaScript 代码。 window.onload = function init() { var appForm = document.getElementById("applica
javascript - 使用TestUtils模拟ReactJS表单标签不会触发 `onSubmit`
我正在使用Sinon来监视该方法，但是当我尝试模拟onSubmit时，我正在监视的方法似乎根本没有被调用在 form 标记上。这是一个JSFiddle . 最佳答案首先，这一行: React.ad
javascript - onsubmit 影响特定行的类
我的页面有嵌套记录，并且每个嵌套记录在名为 “count” 的 div 中的每条记录都有点击总数。我想将 view 类的按钮的每个 div onclick 总数加 1。目前我正在实现的是 onclic
javascript onsubmit 事件用于多个功能检查不起作用
在 mi 验证表单中，我有两个输入字段，用于编写电子邮件并进行确认。在提交信息之前，需要进行两次确认:1-电子邮件必须看起来是一封电子邮件，2-电子邮件地址一必须与电子邮件地址二匹配。我可以使用两个单
javascript - onSubmit 方法中未调用警报
这是我的 html 代码，我希望当我提交时，会出现一条警报消息。这是js代码: $(document).ready(function () { $('#reportForm').submi
javascript onsubmit 在同一调用中返回两个不同的值
验证函数 function validateForm(){ var els; els = document.getElemen
javascript - 如何在自定义组件内处理 onSubmit
我的自定义组件有 onChange 事件，该事件运行得很好，但是当我尝试 onSubmit 时，它不起作用。警报不显示。目前，我的数据提供程序从输入中获取除自定义组件之外的所有值，我应该做什么？代码
javascript - 重定向到组件 onSubmit
提交表单后，我的 react 应用程序没有重定向到仪表板页面。我尝试使用 react-router-dom Redirect 功能，但仍然没有成功。然后我选择加入 BrowserHistory.pus

首页

博学

6Ren·AI

商城

jquery onsubmit 返回 false 不起作用