使用JavaScript提交帖子表格
[英]Submitting a post form using JavaScript
問題描述
我想用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無法以這種方式提交帖子。 任何幫助都可以。
謝謝，Blazzike。
2 個解決方案
解決方案1
0 已采納 2016-02-23 21:08:47
嘗試一些javascript通過id選擇元素。 確保uou將“ rec”作為HTML形式j的ID！
document.getElementById("rec").submit();
編輯1：使用輸入type =“ button”代替提交。 然后使用Matt Elliot片段的第二部分：
//Detect submit button click and perform some actions, then submit form
$("#submit").on('click', function() {
//Do whatever you want here //...
$("#rec").submit();
});
解決方案2
0 2016-02-23 22:19:16
如果希望用戶單擊“提交”按鈕，運行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();
});
提交表單-使用JavaScript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.