我有一个id为id的表单,theForm其中包含以下div,其中包含一个提交按钮:
<div id="placeOrder"
style="text-align: right; width: 100%; background-color: white;">
<button type="submit"
class='input_submit'
style="margin-right: 15px;"
onClick="placeOrder()">Place Order
</button>
</div>
Run Code Online (Sandbox Code Playgroud)
单击时,将placeOrder()调用该函数.该函数将上面div的innerHTML更改为"processing ..."(因此提交按钮现在消失了).
上面的代码有效,但现在的问题是我无法提交表单!我试过把它放在placeOrder()函数中:
document.theForm.submit();
Run Code Online (Sandbox Code Playgroud)
但这不起作用.
我怎样才能提交表格?
我有div元素的按钮,我想制作它们,以便用户可以按下键盘上的Tab键并在它们之间移动.我已经尝试将其文本包装在锚标签中,但它似乎不起作用.
有没有人有办法解决吗?
我是AngularJS的鱼,我有这个场景.
<form>
<input type="text">
</form>
<button type="submit">submit</button>
Run Code Online (Sandbox Code Playgroud)
在正常情况下,AngularJS提供ng-submit指令作为表单中的属性,但我需要在外面调用它.
那么,有人遇到过同样的问题吗?如果是的话,你做了什么?
我有一个带有许多按钮的aspx页面,我有一个搜索按钮,当用户按下回车键时,我希望触发该事件.我怎样才能做到这一点?
我一直在寻找两个小时,我找不到任何解决方案.
我想有两个提交按钮,一个在<form>标签内,另一个在<form>标签之外.
<form id="example" name="example" action="post">
Input <input type="text" name="text" />
<input type="submit" name="submit" value="submit" />
</form>
<div class="button">Submit</div>
Run Code Online (Sandbox Code Playgroud)
JS/jQuery
$(".button").click( function() {
alert("Button clicked");
});
Run Code Online (Sandbox Code Playgroud)
如何使用表单外的('.button')类发送表单?
JS小提琴:http://jsfiddle.net/ZQLXb/
我有一个角度4表单,我试图提交数据
HTML代码
<form class="form-horizontal" [formGroup]="signupForm"
(ngSubmit)="onFormSubmit()" >
<fieldset>
<legend>Scheduler</legend>
<!--- Gender Block -->
<div class="form-group">
<label for="scheduleJob">Schedule Job</label>
<input type="text" formControlName = "schedulejob"
id="scheduleJob"
placeholder="Schedule Job">
Run Code Online (Sandbox Code Playgroud)
按钮代码
<div class="form-group">
<button type="reset" class="btn btn-default">Cancel</button>
<button type="submit" class="btn btn-primary">Submit</button>
</div>
Run Code Online (Sandbox Code Playgroud)
Scheduler.TS文件
import { Component, OnInit } from '@angular/core';
import { Scheduler } from 'rxjs/Scheduler';
/* Import FormControl first */
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-scheduler',
templateUrl: './scheduler.component.html',
styleUrls: ['./scheduler.component.css']
})
export class SchedulerComponent implements OnInit {
//Gender …Run Code Online (Sandbox Code Playgroud) 所以我想要的是一个按钮,当单击该按钮时,通过 GET 请求将文章 id 发送到 php 页面,然后 PHP 页面生成我的文章的 PDF 摘要。
现在,如果我有一个表单标签,那么这件事就相当简单了,但我没有,也不可能有一个,因为我的按钮位于表格中,而且据我所知,表格不能存在于表格中。我仍然尝试使用表单标签,但它破坏了我的网站,所以这不是一个选择。
以下是我所拥有的:
echo "<td><button type=\"submit\" formaction=\"wp-content/themes/csed/data-entry/results.php\" formmethod=\"get\"class=\"button\" name=\"id\" value=\"" .$single->idArticle. "\" formtarget=\"_blank\">PDF</button></td>";
Run Code Online (Sandbox Code Playgroud)
正如您所看到的,我尝试使用 formaction 属性来完成这项工作,但现在,我的按钮没有执行任何操作。任何事情都可以。我究竟做错了什么?我想要实现的目标有可能吗?
我已经阅读了类似问题的多篇帖子,但没有奏效.
我有一个固定的页脚按钮,并在调用项目控制器中的"发布"版本编辑操作时面临问题.这就是我想要做的
如果问题需要进一步解释,请告诉我.
(我尝试使用Ajax.ActionLink,这也是在多个帖子中提出的,但没有成功.
每当我使用通过a <form>关闭</form>的</div>那个,浏览器(至少chrome和firefox)关闭<form>标签.下面是示例代码
<div class="modal-body">
<form method="post" action="/api/users/">
<textarea name="description">
</textarea>
</div>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Submit" />
</form>
</div>
Run Code Online (Sandbox Code Playgroud)
这是小提琴
我有一个表单,我使用表单外的按钮提交.以下是我如何使用表单外部的按钮提交表单的代码.下面的代码应该回应页面上的内容.但我不知道为什么我的文字不会回响.
<?php
if(isset($_POST['partForm'])){
echo "Test1";
}
if(isset($_POST['submitForm'])){
echo "Test2";
}
?>
<html>
<body>
<div>
<h2>Part</h2>
<form method="post" enctype="multipart/form-data" name="partForm" id="partForm" action="submit_form_button_outside.php">
SKU#: <input type="text" name="sku"><br>
Part: <select name="categories">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select><br>
Description: <input type="text" name="part"><br>
Quantity: <input type="text" name="part"><br>
Price: <input type="text" name="part"><br>
Select images: <input type="file" name="img" multiple><input type="submit" value="Upload">
</form>
</div>
<div>
<button type="submit" form="partForm" value="submitForm">Add Item</button>
<!--<button type="button" onclick="document.getElementById('partForm').submit();">Add Item</button>-->
<!--<button type="button" onclick="document.forms['partForm'].submit(); return false">Add Item</button> -->
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) 我如何使用表单外的提交按钮提交该表单?
我使用了这个解决方案。
/sf/answers/1641983381/
但是我有三种形式,上面的解决方案只与一种形式一起使用,我不想使用JS。
<form method="get" action="something.php">
<input type="text" name="name" />
<input type="submit" id="submit-form" class="hidden" />
</form>
<form method="get" action="something.php">
<input type="text" name="name" />
<input type="submit" id="submit-form1" class="hidden" />
</form>
<form method="get" action="something.php">
<input type="text" name="name" />
<input type="submit" id="submit-form2" class="hidden" />
</form>
<button type="submit" name="publish" class="btn btn-sm btn-info">
<label for="submit-form" tabindex="0">Submit</label>
<label for="submit-form1" tabindex="0"></label>
<label for="submit-form2" tabindex="0"></label>
</button>
Run Code Online (Sandbox Code Playgroud)
好的。谢谢你的回答!