2013-03-05 114 views
4

如何在不使用提交按钮的情况下提交此表单。我想提交装载这种形式,如何在加载页面时提交HTML表单?

<form name="frm1" id="frm1" action="../somePage" method="post"> 
    Please Waite... 
    <input type="hidden" name="uname" id="uname" value="<?php echo $uname;?>" /> 
    <input type="hidden" name="price" id="price" value="<?php echo $price;?>" /> 
</form> 
+0

你想在页面加载后立即提交表单?那有什么意义呢? – 2013-03-05 04:53:08

+0

@MattBall。例如,它允许使用表单收集私人客户数据,检查其是否正确,以及他们想要的是否可用(因为人们访问页面时以及点击“购买”按钮时会有很多时间) ,提供一个表单,其中包含PayPal特定的数据,这些数据会立即提交(在他们推迟一些之前提交),以向他们展示PayPal的付款审批页面,否则返回原始页面,更换不正确或缺货的页面。 – Patanjali 2016-08-26 08:23:34

回答

4

这样做:

$(document).ready(function(){ 
    $("#frm1").submit(); 
}); 
+0

这种方式仅适用于JQuery使用 – ZFNerd 2017-02-14 07:33:33

3

你错过了输入字段的结束标记,你可以选择任一事件,例如:onload事件,等的onclick

的(a)onLoad事件:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#frm1').submit(); 
}); 
</script> 

(二)onclick事件:

<form name="frm1" id="frm1" action="../somePage" method="post"> 
    Please Waite... 
    <input type="hidden" name="uname" id="uname" value=<?php echo $uname;?> /> 
    <input type="hidden" name="price" id="price" value=<?php echo $price;?> /> 
    <input type="text" name="submit" id="submit" value="submit"> 
</form> 
<script type="text/javascript"> 
$('#submit').click(function(){ 
    $('#frm1').submit(); 
}); 
</script> 
+0

闭合标签或快捷方式在* input *和其他标签的HTML中不是必需的。 – Patanjali 2016-08-26 08:26:29

3

使用JavaScript

<form id="frm1" action="file.php"></form> 
    <script>document.getElementById('frm1').submit();</script> 
7

你也可以尝试使用下面的脚本

<html> 
<head> 
<script> 
function load() 
{ 
document.frm1.submit() 
} 
</script> 
</head> 

<body onload="load()"> 
<form action="http://www.google.com" id="frm1" name="frm1"> 
<input type="text" value="" /> 
</form> 
</body> 
</html> 
31

不需要jQuery的在这里! 的简单的解决方案这里是(基于来自查尔斯的答案):

<html> 
<body onload="document.frm1.submit()"> 
    <form action="http://www.google.com" name="frm1"> 
     <input type="hidden" name="q" value="Hello world" /> 
    </form> 
</body> 
</html> 
4

您可以通过使用简单的一行JavaScript代码做到这一点,也小心,如果JavaScript是关闭状态,它不会工作。下面的代码会在JavaScript关闭的情况下执行。

关闭JavaScript和你自己的文件运行代码就知道它的全部功能。(如果你在这里关闭JavaScript,下面的代码片段将无法正常工作)

.noscript-error { 
 
    color: red; 
 
}
<body onload="document.getElementById('payment-form').submit();"> 
 

 
    <div align="center"> 
 
    <h1> 
 
     Please Waite... You Will be Redirected Shortly<br/> 
 
     Don't Refresh or Press Back 
 
    </h1> 
 
    </div> 
 

 
    <form method='post' action='acction.php' id='payment-form'> 
 
    <input type='hidden' name='field-name' value='field-value'> 
 
    <input type='hidden' name='field-name2' value='field-value2'> 
 
    <noscript> 
 
     <div align="center" class="noscript-error">Sorry, your browser does not support JavaScript!. 
 
     <br>Kindly submit it manually 
 
     <input type='submit' value='Submit Now' /> 
 
     </div> 
 
    </noscript> 
 
    </form> 
 

 
</body>

+0

我需要你的帮助有关这个..你能帮我 – robins 2016-01-20 06:50:28

+0

当然,我会帮助你。 – 2016-01-20 06:52:52

+0

我使用这个var stud_pay_mode = $(this).find('input.stuPaymode')。val(); – robins 2016-01-20 06:56:59