使用JavaScript提交帖子表单
使用JavaScript提交帖子表单
提问于 2016-02-23 20:52:17
我想用一个JavaScript操作替换我的HTML按钮。虽然我需要一个函数来提交表单，这样才能起作用。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>reCAPTCHA | Blazzike</title>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script>
$(function(){
$("header").load("HTML/header.html");
$("footer").load("HTML/footer.html");
});
</script>
<script>
var submit = function(){
document.getElementById("rec").submit();
}
</script>
<link rel="stylesheet" type="text/css" href="CSS/style.css">
<style>
#submit {
background: #1a1a1a;
color: #ffffff;
font-size: 25px;
margin: 0px;
padding: 0.7em;
border: 0px;
width: 303px;
min-width: 250px;
}
</style>
</head>
<header></header>
<body>
<center>
<form id="rec" method="POST" action="<?php echo $_GET["r"]; ?>">
<div data-theme="dark" class="g-recaptcha" data-sitekey="<siteKey>" data-callback="submit"></div>
<input value="Continue" type="submit" id="submit">
</form>
</center>
</body>
<footer></footer>
</html>上面的脚本无法工作，因为我假设JavaScript不能以这种方式提交post表单。任何帮助都行。
谢谢Blazzike
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-02-23 21:08:47
尝试一些javascript来选择元素by id。确保将"rec“作为jn格式的id放在html中！
document.getElementById("rec").submit();- 关于getElementById的文档
- 关于提交函数的文档
编辑1:使用输入type=“按钮”代替提交。然后使用Matt Elliot片段的第二部分：
//Detect submit button click and perform some actions, then submit form
$("#submit").on('click', function() {
//Do whatever you want here //...
$("#rec").submit();
});Stack Overflow用户
发布于 2016-02-23 22:19:16
如果希望用户单击submit按钮，运行Javascript函数并执行一些任务，那么可以使用jQuery提交类似的表单。
//First prevent form from submitting on button click
$("#rec").on('submit', function(e) {
e.preventDefault();
});
//Detect submit button click and perform some actions, then submit form
$("#submit").on('click', function() {
//Do whatever you want here
//...
$("#rec").submit();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35587920
复制相关文章
相似问题
腾讯云开发者
