相关疑难解决方法(0)

如何使用javascript提交表单?

我有一个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)

但这不起作用.

我怎样才能提交表格?

javascript

165
推荐指数
8
解决办法
58万
查看次数

你怎么做div"tabbable"?

我有div元素的按钮,我想制作它们,以便用户可以按下键盘上的Tab键并在它们之间移动.我已经尝试将其文本包装在锚标签中,但它似乎不起作用.

有没有人有办法解决吗?

html css xhtml

82
推荐指数
3
解决办法
4万
查看次数

AngularJS:在表单外调用ng-submit事件

我是AngularJS的鱼,我有这个场景.

<form>
    <input type="text">
</form>
<button type="submit">submit</button>
Run Code Online (Sandbox Code Playgroud)

在正常情况下,AngularJS提供ng-submit指令作为表单中的属性,但我需要在外面调用它.

那么,有人遇到过同样的问题吗?如果是的话,你做了什么?

html javascript form-submit angularjs angularjs-directive

32
推荐指数
4
解决办法
8万
查看次数

按Enter键时提交表单

我有一个带有许多按钮的aspx页面,我有一个搜索按钮,当用户按下回车键时,我希望触发该事件.我怎样才能做到这一点?

forms asp.net submit

8
推荐指数
2
解决办法
2万
查看次数

在<form>标记之外提交按钮

我一直在寻找两个小时,我找不到任何解决方案.

我想有两个提交按钮,一个在<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/

javascript forms jquery

7
推荐指数
1
解决办法
2万
查看次数

ng提交无效

我有一个角度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)

html angularjs-directive angular angular4-forms

6
推荐指数
1
解决办法
7066
查看次数

没有表单的提交按钮

所以我想要的是一个按钮,当单击该按钮时,通过 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 属性来完成这项工作,但现在,我的按钮没有执行任何操作。任何事情都可以。我究竟做错了什么?我想要实现的目标有可能吗?

html php forms get

4
推荐指数
1
解决办法
2万
查看次数

使用HTML.ActionLink调用Post方法

我已经阅读了类似问题的多篇帖子,但没有奏效.

我有一个固定的页脚按钮,并在调用项目控制器中的"发布"版本编辑操作时面临问题.这就是我想要做的

错误

如果问题需要进一步解释,请告诉我.

(我尝试使用Ajax.ActionLink,这也是在多个帖子中提出的,但没有成功.

类似问题

razor asp.net-mvc-4

3
推荐指数
1
解决办法
2万
查看次数

无法跨越多个div

每当我使用通过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)

这是小提琴

html

1
推荐指数
1
解决办法
3787
查看次数

使用表单外的按钮提交表单

我有一个表单,我使用表单外的按钮提交.以下是我如何使用表单外部的按钮提交表单的代码.下面的代码应该回应页面上的内容.但我不知道为什么我的文字不会回响.

    <?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)

html javascript php

1
推荐指数
1
解决办法
1万
查看次数

使用 &lt;form&gt; 标签外的按钮提交“表单”

我如何使用表单外的提交按钮提交该表单?
我使用了这个解决方案。 /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)

好的。谢谢你的回答!

html

1
推荐指数
1
解决办法
5409
查看次数