gpt4 book ai didi

javascript - 提交前更改表单属性

转载 作者:行者123 更新时间:2023-12-03 00:54:38 26 4
gpt4 key购买 nike

我正在研究一些涉及确保表单提交方法是 POST 而不是 GET 的方法,当该方法可能以某种方式在某处被省略时。 JS/jQuery 函数在提交特定类之前检查每个表单。如果该类存在,它将继续检查该方法。如果方法是 GET,则应忽略它并提交表单。但如果未定义或为空,则应继续将方法设置为 POST 然后提交。这是使用的 JQuery。 HTML 如下。

$(document).ready(function() {

$('form').submit(function() {
if (this.find(':submit').is('.ckh-method')) {
if ((this.attr('method') !== "GET" && this.attr('method') == "") || this.attr('method') == undefined) {
this.setAttribute('method', 'POST');
return true;
}
}
})
});
<!DOCTYPE html>
<html lang="en">

<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://fontawesome-free/web-fonts-with-css/css/fontawesome-all.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

<body>
<div class="container">
<form class="form-horizontal" role="form" action="phpFile.php" method="">
<div class="row">
<div class="col-sm-12">
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-user-alt"></i>
</span>
<input type="text" class="form-control" placeholder="Username" name="username" id="username" required="required" value=''>
</div>
</div>
<div class="col-sm-12">
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-lock"></i>
</span>
<input type="password" class="form-control" placeholder="Password" name="password" id="password" required="required" value=''>
</div>
</div>
<p class="conditions col-sm-12"><a href="anotherPage.html">Forgot Username or Password?</a>
<div class="text-center col-sm-12 error"></div>
</p>
<div class="col-sm-12" id="btn-hold">
<button type="submit" class="btn btn-success btn-block ckh-method">Log In</button>
</div>
<div class="col-sm-12">
<a type="button" class="btn btn-link btn-block" href="proceed.php">Sign Up</a>
</div>
</div>
</form>
</div>
</body>

</html>

问题:表单方法在提交时没有更改,因为我的代码中某处存在 JS 错误。我怀疑它与“this”关键字有关。也许是我用错了。我尝试设置断点,以便可以识别问题,但在我可以进入函数(在我的开发人员工具中)并发现问题之前,表单已提交。有人可以帮我吗?

最佳答案

var frm = document.getElementById("form1")
frm.addEventListener("submit" ,checkmethod )

function checkmethod(event){
event.preventDefault();
if(frm.method !="GET") frm.method = "POST";
frm.submit();
}
<form id="form1" action="" >

<button type="submit">submit</button>

</form>

关于javascript - 提交前更改表单属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52887650/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com